From 6bab2c308d59bf65faa1c9b4a8c04ba5abed26d0 Mon Sep 17 00:00:00 2001 From: Art Cancro Date: Fri, 23 Sep 2022 15:50:24 -0400 Subject: [PATCH] Gave the grid-template-areas more meaningful and unique names --- webcit-ng/static/css/webcit.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css index 2345e7d34..f5ac02b6c 100644 --- a/webcit-ng/static/css/webcit.css +++ b/webcit-ng/static/css/webcit.css @@ -10,13 +10,13 @@ margin: 0; } -.ctdl-main-grid-container { /* This grid contains the "holy grail layout" of the screen */ +.ctdl-main-grid-container { /* This grid implements the "holy grail layout" of the screen */ display: grid; grid-template-rows: 5vh auto; grid-template-columns: 12vw auto; grid-template-areas: - 'header header' - 'menu main'; + 'ctdl-mg-banner ctdl-mg-banner' + 'ctdl-mg-menu ctdl-mg-main'; gap: 3px; background-color: DarkSlateGrey; /* This is the color of the lines between the boxes, and also the boxes themselves if not overridden */ padding: 0; /* This is the border around the edges of the screen */ @@ -25,17 +25,17 @@ } .ctdl-grid-banner-item { /* Top banner, referenced by the grid container */ - grid-area: header; + grid-area: ctdl-mg-banner; background-color: DarkSlateGrey; } .ctdl-grid-sidebar-item { /* Side bar, referenced by the grid container */ - grid-area: menu; + grid-area: ctdl-mg-menu; background-color: GhostWhite; } .ctdl-grid-main-item { /* Main content area of the screen, referenced by the grid container */ - grid-area: main; + grid-area: ctdl-mg-main; overflow-x: hidden; overflow-y: auto; } -- 2.39.2