docs: fix mobile nav for GH stars announcement

2022-12-11 16:05:46 +01:00
parent 3aafaabda6
commit 16715129d1
2 changed files with 14 additions and 15 deletions
--- a/packages/docs/pages/.vitepress/theme/custom.css
+++ b/packages/docs/pages/.vitepress/theme/custom.css
@@ -117,6 +117,8 @@

 :root {
  overflow-y: scroll;
+
+  --announcement-bar-height: 50px;
 }

 .VPTeamMembersItem .avatar-img {
@@ -128,10 +130,20 @@ header.VPNav {
  margin-top: 50px;
 }

+.VPNavScreen.VPNavScreen {
+  top: calc(var(--announcement-bar-height) + var(--vp-nav-height-mobile));
+}
+
+.VPLocalNav.VPLocalNav {
+  top: 50px;
+}
+
 aside.VPSidebar {
  margin-top: 50px;
 }

-#VPContent {
-  margin-top: 50px;
+@media (min-width: 960px) {
+  #VPContent {
+    margin-top: 50px;
+  }
 }