alois/Verso
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lumiere mobile: hide sidebar to fix 2x page width
Build and Deploy Verso / deploy (push) Successful in 11m15s
Details

Browse Source 
The project-list-wrapper flex row includes the sidebar (min-width:200px)
alongside the content area. On a 375px phone this totals ~575px, causing
the 2x horizontal overflow. Hide the sidebar on mobile — the filter pills
in the mobile toolbar already cover all its navigation.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
claude
2026-06-18 10:50:37 +00:00
parent d12a39329b
commit 90df7f5cc2
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/stylesheets/pages/project-list-lumiere.scss
+7
View File
@@ -893,6 +893,13 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi
@media (max-width: 767px) { @media (max-width: 767px) {
// The sidebar (min-width:200px) sits in a flex row with the content area,
// making the page ~575px wide on a 375px phone. Hide it — the filter pills
// in the mobile toolbar already replace all its functionality.
.project-list-sidebar-wrapper-react {
display: none !important;
}
// Stack the header vertically so nothing overflows the viewport width. // Stack the header vertically so nothing overflows the viewport width.
// Without this, lumiere-header-actions (flex-shrink:0) forces the flex // Without this, lumiere-header-actions (flex-shrink:0) forces the flex
// container wider than the screen. // container wider than the screen.