Revert navigation padding

canonical · Feb 8, 2024 · 2f588ef · 2f588ef
1 parent a93e907
commit 2f588ef
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/static/sass/_pattern_navigation.scss b/static/sass/_pattern_navigation.scss
@@ -61,6 +61,14 @@ $meganav-height: 3rem;
       .p-navigation__items {
         width: 100%;
 
+        & > .p-navigation__item--dropdown-toggle > .p-navigation__link {
+          padding-left: $row-margin-small;
+
+          &::before {
+            left: $row-margin-small;
+          }
+        }
+
         @media (max-width: $breakpoint-navigation-threshold - 1) {
           .p-navigation__link {
             padding-left: calc(1.5rem + $row-margin-medium);
@@ -455,7 +463,7 @@ $meganav-height: 3rem;
       }
 
       .p-navigation__link::after {
-        top: 0.5rem;
+        top: 1rem;
       }
     }
 
@@ -485,7 +493,7 @@ $meganav-height: 3rem;
       }
     }
 
-    @media (min-width: $breakpoint-navigation-threshold - 1) {
+    @media (min-width: $breakpoint-navigation-threshold) {
       background-color: $color-dark;
       margin-bottom: 0;
 
@@ -627,6 +635,10 @@ $meganav-height: 3rem;
       }
     }
 
+    .p-navigation__item > .p-navigation__link {
+      padding-left: $row-margin-small;
+    }
+
     .p-navigation__banner {
       padding-left: 0;
     }

diff --git a/static/sass/styles.scss b/static/sass/styles.scss
@@ -1366,6 +1366,18 @@ $color-link-dark: #69c !default;
   }
 }
 
+.p-logo-section.has-misaligned-images {
+  .p-logo-section__item {
+    margin-bottom: $spv--x-large;
+  }
+
+  .p-logo-section__logo {
+    max-height: 5rem;
+    // make sure image aspect ratio is kept
+    object-fit: contain;
+  }
+}
+
 // XXX: pete f: vanilla issue here -
 // https://github.com/canonical/vanilla-framework/issues/4877
 .p-divider {