From 3aafaabda637099a08fd1a945d45564e921d310b Mon Sep 17 00:00:00 2001 From: Faruk AYDIN Date: Sun, 11 Dec 2022 15:55:16 +0300 Subject: [PATCH 1/2] docs: Add cta for github stars --- .../pages/.vitepress/theme/CustomLayout.vue | 64 +++++++++++++++++++ .../docs/pages/.vitepress/theme/custom.css | 12 ++++ packages/docs/pages/.vitepress/theme/index.js | 7 +- 3 files changed, 82 insertions(+), 1 deletion(-) create mode 100644 packages/docs/pages/.vitepress/theme/CustomLayout.vue diff --git a/packages/docs/pages/.vitepress/theme/CustomLayout.vue b/packages/docs/pages/.vitepress/theme/CustomLayout.vue new file mode 100644 index 00000000..f0c94b81 --- /dev/null +++ b/packages/docs/pages/.vitepress/theme/CustomLayout.vue @@ -0,0 +1,64 @@ + + + + + diff --git a/packages/docs/pages/.vitepress/theme/custom.css b/packages/docs/pages/.vitepress/theme/custom.css index 98e54098..b95f28ce 100644 --- a/packages/docs/pages/.vitepress/theme/custom.css +++ b/packages/docs/pages/.vitepress/theme/custom.css @@ -123,3 +123,15 @@ top: 50%; transform: translateY(-50%); } + +header.VPNav { + margin-top: 50px; +} + +aside.VPSidebar { + margin-top: 50px; +} + +#VPContent { + margin-top: 50px; +} diff --git a/packages/docs/pages/.vitepress/theme/index.js b/packages/docs/pages/.vitepress/theme/index.js index d4dbe3da..75eaece3 100644 --- a/packages/docs/pages/.vitepress/theme/index.js +++ b/packages/docs/pages/.vitepress/theme/index.js @@ -1,3 +1,8 @@ import DefaultTheme from 'vitepress/theme'; import './custom.css'; -export default DefaultTheme; +import CustomLayout from './CustomLayout.vue'; + +export default { + ...DefaultTheme, + Layout: CustomLayout, +}; From 16715129d1a03f1a88b4ef0c1fe931846127aa80 Mon Sep 17 00:00:00 2001 From: Ali BARIN Date: Sun, 11 Dec 2022 16:05:46 +0100 Subject: [PATCH 2/2] docs: fix mobile nav for GH stars announcement --- .../docs/pages/.vitepress/theme/CustomLayout.vue | 13 ------------- packages/docs/pages/.vitepress/theme/custom.css | 16 ++++++++++++++-- 2 files changed, 14 insertions(+), 15 deletions(-) diff --git a/packages/docs/pages/.vitepress/theme/CustomLayout.vue b/packages/docs/pages/.vitepress/theme/CustomLayout.vue index f0c94b81..a2d39149 100644 --- a/packages/docs/pages/.vitepress/theme/CustomLayout.vue +++ b/packages/docs/pages/.vitepress/theme/CustomLayout.vue @@ -4,27 +4,14 @@ color: #fff; border-bottom: 2px solid rgba(194, 194, 194, 0.2); text-align: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; justify-content: center; - -webkit-align-items: center; - -webkit-box-align: center; - -ms-flex-align: center; align-items: center; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; position: fixed; padding: 4px 40px; z-index: 999999; font-size: 0.875rem; font-weight: 400; - text-align: center; width: 100%; height: 50px; } diff --git a/packages/docs/pages/.vitepress/theme/custom.css b/packages/docs/pages/.vitepress/theme/custom.css index b95f28ce..8ac3296c 100644 --- 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; + } }