fix(theme-default): fix site name text overflow style (#1260)

vuepress · Feb 15, 2023 · 95363a5 · 95363a5
1 parent fd2e241
commit 95363a5
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/ecosystem/theme-default/src/client/styles/navbar.scss b/ecosystem/theme-default/src/client/styles/navbar.scss
@@ -43,16 +43,20 @@
   .navbar {
     padding-left: 4rem;
 
-    .can-hide {
-      display: none;
-    }
-
     .site-name {
-      width: calc(100vw - 9.4rem);
+      display: block;
+      // 5.5rem for .navbar padding-inline
+      // 4.5rem for ColorModeSwitch and NavbarSearch
+      // 1rem for gap
+      width: calc(100vw - 11rem);
       overflow: hidden;
       white-space: nowrap;
       text-overflow: ellipsis;
     }
+
+    .can-hide {
+      display: none;
+    }
   }
 }