fix small screen vertical scroll and update breadcrumbs padding

scylladb · Dec 20, 2024 · 4a66558 · 4a66558
1 parent ebdad0b
commit 4a66558
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/css/components/_breadcrumbs.scss b/src/css/components/_breadcrumbs.scss
@@ -2,6 +2,11 @@
   /* Reset Foundation */
   margin-bottom: 0;
   text-transform: uppercase;
+  padding-top: $spacer-xs;
+  padding-bottom: $spacer-xs;
+  gap: $spacer-xxs 0;
+  display: flex;
+  flex-wrap: wrap;
 
   .bread__item,
   a,
@@ -10,7 +15,6 @@
     font-size: $font-xs;
     font-weight: 400;
     letter-spacing: 1.5px;
-    line-height: 2;
     margin: 0;
     padding: 0;
   }

diff --git a/src/css/components/_content.scss b/src/css/components/_content.scss
@@ -43,9 +43,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding-top: $spacer-xxs;
-    padding-bottom: $spacer-xxs;
-    height: $product-title-height;
+    min-height: $product-title-height;
     background: var(--navigation-bg);
     margin-bottom: 0;
   }
@@ -56,6 +54,7 @@
     .body-container {
       max-width: $max-content-width;
       flex-grow: 1;
+      width: 0;
     }
   }