FIX: Flex behavior should shrink header items instead of brand

Fixes issue pydata#1143
bheberlein · Feb 5, 2023 · d85ef53 · d85ef53
1 parent 949bb0e
commit d85ef53
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/pydata_sphinx_theme/assets/styles/components/header/_header-logo.scss b/src/pydata_sphinx_theme/assets/styles/components/header/_header-logo.scss
@@ -6,6 +6,7 @@
   width: auto;
   margin: 0;
   display: flex;
+  flex-shrink: 0;
   align-items: center;
   gap: 0.5rem;
 

diff --git a/src/pydata_sphinx_theme/assets/styles/sections/_header.scss b/src/pydata_sphinx_theme/assets/styles/sections/_header.scss
@@ -30,6 +30,7 @@
   // Hide the header items on mobile
   .navbar-header-items {
     display: none;
+    flex-shrink: 1;
     @include media-breakpoint-up($breakpoint-sidebar-primary) {
       display: flex;
       flex-grow: 1;
@@ -52,6 +53,7 @@
 
   // A little smaller because this is displayed by default on mobile
   #navbar-start {
+    flex-shrink: 0;
     margin-right: auto;
     gap: 0.5rem;
   }