feat: further style navbar

adil192 · Jan 28, 2024 · 6cb00ed · 6cb00ed
1 parent 3f966ee
commit 6cb00ed
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/main.css b/main.css
@@ -122,12 +122,14 @@
     background: #1d1b1e !important;
     color: #e8e0e5;
     /* logo header */
+    /* footer with links: Privacy, Terms, Accessibility */
   }
   #side-menu header {
     background: #1d1b1e !important;
     color: #e8e0e5;
     border: none !important;
     box-shadow: none !important;
+    margin-bottom: 2rem;
   }
   #side-menu header a {
     display: block;
@@ -140,6 +142,17 @@
   #side-menu header a > img {
     display: none;
   }
+  #side-menu .side-menu-footer {
+    display: none;
+  }
+  .color-selection-live-mode .themed-background-primary,
+  .color-selection-live-mode .bb-close,
+  .color-selection-live-mode .bb-offcanvas-panel .bb-close,
+  .color-selection-live-mode .active .base-navigation-button-content,
+  .color-selection-live-mode .active .integration-navigation-button-content {
+    background-color: #8142a6 !important;
+    color: #fff !important;
+  }
   .base-courses .course-card-term-name {
     margin-top: 1rem;
     margin-bottom: 0;

diff --git a/styles/_online.manchester.ac.uk_ultra.scss b/styles/_online.manchester.ac.uk_ultra.scss
@@ -34,6 +34,7 @@ nav.term-navigator {
         color: $on-header;
         border: none !important;
         box-shadow: none !important;
+        margin-bottom: 2rem;
 
         a {
             display: block;
@@ -48,6 +49,20 @@ nav.term-navigator {
             }
         }
     }
+
+    /* footer with links: Privacy, Terms, Accessibility */
+    .side-menu-footer {
+        display: none;
+    }
+}
+
+.color-selection-live-mode .themed-background-primary,
+.color-selection-live-mode .bb-close,
+.color-selection-live-mode .bb-offcanvas-panel .bb-close,
+.color-selection-live-mode .active .base-navigation-button-content,
+.color-selection-live-mode .active .integration-navigation-button-content {
+    background-color: $primary !important;
+    color: $on-primary !important;
 }
 
 .base-courses .course-card-term-name {