andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 04:34:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style(nav): add a teawk for navigation menu dropdown line-breaking issue

Browse Source
This commit is contained in:
andatoshiki 2023-03-02 13:57:59 +08:00
parent 1e0b86d643
commit d447063cb7
1 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
docs/.vitepress/theme/styles/custom.scss
View File

@ -145,3 +145,52 @@ img.VPImage.image-src {
margin-left: 17px;
}
// maximum document width style ends
// vitepress navbar title line breaking issue tweak
@media (max-width: 1080px) {
:root {
--vp-sidebar-width: 260px;
}
.VPNav {
// refering solutions by https://cn.vuejs.org
.DocSearch-Button-Placeholder {
display: none;
}
.VPNavBarMenuLink,
.VPNavBarMenuGroup .button {
padding-left: 10px;
padding-right: 10px;
}
}
}
@media (max-width: 992px) {
.VPNav {
.VPNavBar {
padding-left: 24px;
padding-right: 24px;
}
.VPNavBarMenuLink,
.VPNavBarMenuGroup .button {
padding-left: 8px;
padding-right: 8px;
}
}
}
@media (max-width: 800px) {
.VPNav {
.VPNavBarSearch {
padding-left: 16px;
}
.VPNavBarMenuLink,
.VPNavBarMenuGroup .button {
padding-left: 6px;
padding-right: 6px;
}
}
}
// menu new-lining issue on title
.VPMenuGroup .title {
white-space: nowrap;
}
// vitepress navbar style ends