Open archvalmiki opened 2 months ago
+1, also the default screen size to view explorer menu is 1500px (1510px to be precise) so it can't even be seen in many laptops.
Lucky I saw this I was troubleshooting this for ages - 13inch macbook air
The screen size required for the explorer to show depends on your variable preferences below. The following solution just provides more control over the screen.
fit-content
and padding to 0
. ( file - /quartz/quartz/styles/base.scss
)$sidePanelWidth: 200px; /* Calculate based on your sidebar content */
$maxContentSidebarWidth: 80px; /* Personal preference */
/* ( file - `/quartz/quartz/styles/base.scss` ) */
.sidebar.left {
left: calc((100vw - $fullPageWidth) / 4);
@media (min-width: $fullPageWidth + $maxContentSidebarWidth * 4) {
left: calc((100vw - $fullPageWidth - 2 * $maxContentSidebarWidth) / 2);
}
}
.sidebar.right {
right: calc((100vw - $fullPageWidth) / 4);
@media (min-width: $fullPageWidth + $maxContentSidebarWidth * 4) {
right: calc((100vw - $fullPageWidth - 2 * $maxContentSidebarWidth) / 2);
}
}
Though I would also like the functionality to show only one sidebar depending on the screen size. Someone implement this :)
+1
This should be closed as a duplicate of https://github.com/jackyzha0/quartz/issues/455
This is the best way I can describe the problem:
Open an Obsidian Publish site in the browser. Start at default zoom levels and start zooming in (CTRL +). Count the number of times zoom in before the layout adapts so the sidebars (Explorer and TOC) disappear.
Now do the same thing for a Quartz site in a window of the same size. The quartz site triggers mobile layout without sidebar way too soon.
An Obsidian Publish site's zoom behavior is much more preferable. On a quartz site, it switches media queries too soon ... on a standard M1 Macbook Pro, full screen, zooming from 100% to 125% triggers this.... and there is a LOT of wasted space to the left and right.