From d430b773f0878dbb01bb4706385b0a35e43ef047 Mon Sep 17 00:00:00 2001
From: Adil Hanney <adilh+github@orchid.anonaddy.com>
Date: Sun, 28 Jan 2024 19:18:49 +0000
Subject: [PATCH] feat: style mobile header

---
 CHANGELOG.md                               |  4 ++++
 main.css                                   | 26 +++++++++++++++++++++-
 styles/_online.manchester.ac.uk_ultra.scss | 25 +++++++++++++++++++++
 styles/_version.scss                       |  2 +-
 4 files changed, 55 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8a4632b..936ec34 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 Here I will outline the changes I've made over time...
 
+### 20240128
+
+- Styled and fixed the Blackboard Ultra header on mobile
+
 ### 20240127
 
 - Initial stylings for the course page of the new Blackboard Ultra website, including:
diff --git a/main.css b/main.css
index c6e16eb..33c4092 100644
--- a/main.css
+++ b/main.css
@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240127.04.00
+@version        20240128.00.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192
@@ -353,6 +353,30 @@
       width: calc(100% - 3rem) !important;
     }
   }
+  @media screen and (width <= 63.9375em) {
+    .base-header {
+      height: 3rem;
+      align-items: center;
+    }
+    .color-selection-live-mode.themed-background-primary-medium-down,
+    .color-selection-live-mode .themed-background-primary-medium-down,
+    .color-selection-live-mode .themed-background-primary-medium-down bb-svg-icon,
+    .color-selection-live-mode.themed-background-primary-medium-down bb-svg-icon,
+    .color-selection-live-mode .themed-background-primary-medium-down button,
+    .color-selection-live-mode.themed-background-primary-medium-down button,
+    .color-selection-live-mode.themed-background-primary-medium-down h1 {
+      background-color: #1d1b1e !important;
+      color: #e8e0e5 !important;
+    }
+    .color-selection-live-mode .themed-background-primary-medium-down .select-value::after,
+    .color-selection-live-mode.themed-background-primary-medium-down .select-value::after {
+      border-color: #e8e0e5 transparent transparent transparent;
+    }
+    #side-menu header a {
+      max-width: 7rem;
+      margin-inline: auto;
+    }
+  }
 }
 @-moz-document url-prefix("https://online.manchester.ac.uk/webapps/") {
   /* All blackboard pages */
diff --git a/styles/_online.manchester.ac.uk_ultra.scss b/styles/_online.manchester.ac.uk_ultra.scss
index 7f3602f..b3d84aa 100644
--- a/styles/_online.manchester.ac.uk_ultra.scss
+++ b/styles/_online.manchester.ac.uk_ultra.scss
@@ -301,3 +301,28 @@ button.anchor,
         width: calc(100% - 3rem) !important;
     }
 }
+
+@media screen and (width <= 63.9375em) {
+    .base-header {
+        height: 3rem;
+        align-items: center;
+    }
+    .color-selection-live-mode.themed-background-primary-medium-down,
+    .color-selection-live-mode .themed-background-primary-medium-down,
+    .color-selection-live-mode .themed-background-primary-medium-down bb-svg-icon,
+    .color-selection-live-mode.themed-background-primary-medium-down bb-svg-icon,
+    .color-selection-live-mode .themed-background-primary-medium-down button,
+    .color-selection-live-mode.themed-background-primary-medium-down button,
+    .color-selection-live-mode.themed-background-primary-medium-down h1 {
+        background-color: $header !important;
+        color: $on-header !important;
+    }
+    .color-selection-live-mode .themed-background-primary-medium-down .select-value::after,
+    .color-selection-live-mode.themed-background-primary-medium-down .select-value::after {
+        border-color: $on-header transparent transparent transparent;
+    }
+    #side-menu header a {
+        max-width: 7rem;
+        margin-inline: auto;
+    }
+}
\ No newline at end of file
diff --git a/styles/_version.scss b/styles/_version.scss
index 1de1155..c1af364 100644
--- a/styles/_version.scss
+++ b/styles/_version.scss
@@ -1,6 +1,6 @@
 /* ==UserStyle==
 @name           UoM Blackboard theme
-@version        20240127.04.00
+@version        20240128.00.00
 @namespace      userstyles.world/user/adil192
 @description    Themes the blackboard UoM website to look more modern and use a consistent colour scheme.
 @author         adil192