thepaperpilot/pages
1
0
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity Actions

Make page outline fit the site theme on large screens
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 1m7s
Details

Browse source
This commit is contained in:
thepaperpilot 2024-06-17 13:39:10 -05:00
parent 1e58f435ed
commit 994f1a11f9
1 changed files with 54 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
site/.vitepress/theme/custom.css
View file

@ -363,13 +363,10 @@ a.title {
.VPLocalNavOutlineDropdown { .VPLocalNavOutlineDropdown {
padding: 0 !important; padding: 0 !important;
margin-top: 10px; margin-top: 10px;
width: 90px;
height: 30px;
} }
.VPLocalNavOutlineDropdown button { .VPLocalNavOutlineDropdown button {
padding: 0 !important; padding: 0 !important;
margin-top: 10px;
width: 90px; width: 90px;
height: 30px; height: 30px;
} }
@ -397,6 +394,10 @@ a.title {
} }
} }
.aside-curtain {
display: none !important;
}
@media (min-width: 960px) { @media (min-width: 960px) {
.VPSidebar { .VPSidebar {
transform: rotate(1.4deg) !important; transform: rotate(1.4deg) !important;
@ -407,7 +408,52 @@ a.title {
padding: 30px !important; padding: 30px !important;
width: var(--vp-sidebar-width) !important; width: var(--vp-sidebar-width) !important;
margin-left: max(-15px, calc((100% - (var(--vp-layout-max-width) - 60px)) / 2)) !important; margin-left: max(-15px, calc((100% - (var(--vp-layout-max-width) - 60px)) / 2)) !important;
max-height: 25vh; max-height: 40vh;
}
.VPLocalNavOutlineDropdown {
display: none;
}
.VPDoc .aside {
display: block !important;
transform: rotate(1.4deg) !important;
position: fixed;
top: calc(40vh + 2em);
left: 0;
--vp-sidebar-width: 250px !important;
background: #feff9c !important;
width: var(--vp-sidebar-width) !important;
padding: 0 !important;
margin-left: max(-15px, calc((100% - (var(--vp-layout-max-width) - 60px)) / 2)) !important;
max-height: 40vh;
}
.VPDoc .aside-container {
position: unset !important;
height: unset !important;
overflow: unset !important;
padding-top: unset !important;
width: unset !important;
}
.VPDoc .aside-content {
min-height: unset !important;
padding: 0 !important;
}
.VPDoc .aside-content .content {
padding: 30px !important;
}
.outline-title {
font-size: 14px;
font-weight: 700 !important;
line-height: 30px !important;
}
.VPDoc .aside ul>li>ul:before {
display: none;
} }
} }
@ -432,8 +478,8 @@ article {
padding-top: 30px; padding-top: 30px;
} }
.vp-doc .h-feed :has(+ article) { .vp-doc .h-feed article {
padding-bottom: 0px !important; padding-top: 0px !important;
} }
.vp-doc h2 + .e-content { .vp-doc h2 + .e-content {
@ -514,7 +560,8 @@ hr {
} }
table { table {
margin: 30px 0 !important; margin: 0 !important;
margin-top: 30px !important;
} }
#app .vp-doc tr { #app .vp-doc tr {