[MM-57186] Update System Console Header Font (mattermost#26749)

devinbinnie · Apr 18, 2024 · 0ce5def · 0ce5def
1 parent b4a1b33
commit 0ce5def
Showing 1 changed file with 24 additions and 8 deletions.
diff --git a/webapp/channels/src/sass/routes/_admin-console.scss b/webapp/channels/src/sass/routes/_admin-console.scss
@@ -420,18 +420,30 @@
     .admin-console__header {
         z-index: 100;
         display: flex;
-        height: 65px;
-        flex: 0 0 65px;
+        height: 64px;
+        flex: 0 0 64px;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
         padding: 12px 20px;
         border-bottom: 1px solid alpha-color($black, 0.1);
         background: white;
+        font-family: Metropolis, sans-serif;
         font-size: 22px;
-        font-weight: normal;
+        font-weight: 600;
+        letter-spacing: -0.01em;
         line-height: 32px;
 
+        button,
+        select {
+            font-family: 'Open Sans', sans-serif;
+            letter-spacing: normal;
+        }
+
+        select {
+            font-weight: normal;
+        }
+
         &.with-back {
             padding: 0;
 
@@ -442,18 +454,22 @@
 
             .back {
                 display: flex;
-                width: 60px;
-                height: 60px;
+                width: 64px;
+                height: 64px;
                 align-items: center;
-                justify-content: space-around;
-                border-right: 1px solid alpha-color($black, 0.1);
+                justify-content: center;
+                border-right: 1px solid rgba(var(--center-channel-color-rgb), 0.12);
                 margin-right: 20px;
                 font-size: 3.2rem;
                 text-decoration: none;
 
                 &::before {
                     position: relative;
-                    top: 1px;
+                    top: -1px;
+                }
+
+                &:hover {
+                    background-color: rgba(var(--center-channel-color-rgb), 0.04);
                 }
             }
         }