DockerFiles/quartz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(css): improve wrapping when right sidebar has more than two items (#762)

Browse Source 
* improve wrapping when right sidebar has more than two items, particularly on mobile

* Adjusted min-width
This commit is contained in:
Justin Fowler 2024-01-29 23:56:59 -06:00 committed by GitHub
parent 8df74185e9
commit 6ce754bda2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
quartz/styles/base.scss
View File

@ -171,9 +171,11 @@ a {
& .sidebar.right { & .sidebar.right {
right: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth); right: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
flex-wrap: wrap;
& > * { & > * {
@media all and (max-width: $fullPageWidth) { @media all and (max-width: $fullPageWidth) {
flex: 1; flex: 1;
min-width: 140px;
} }
} }
} }