Leopoldadmin/web-cad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mobile sidebar tool labels visible + scrollable overflow

Browse Source 
- overflow-y: auto on mobile sidebars so all tools are reachable
- Re-enable tool-section-label, tool-btn-label, leftbar-title on mobile
- Tool grid 2-column with labels for better mobile UX
This commit is contained in:
Leopoldadmin
2026-06-28 18:19:35 +02:00
parent 7b4a45df49
commit 0785efbbc5
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+7
View File
@@ -1268,6 +1268,13 @@ a:hover { text-decoration: underline; }
}
.leftbar.open { transform: translateX(0); }
.rightbar.open { transform: translateX(0); }
/* Mobile sidebars: scrollable content, visible labels */
.leftbar { overflow-y: auto; -webkit-overflow-scrolling: touch; }
.leftbar-title { display: block; }
.tool-section-label { display: block; padding: 0 6px 6px; }
.tool-btn-label { display: block; }
.tool-grid { grid-template-columns: 1fr 1fr; gap: 4px; }
.rightbar { overflow-y: auto; -webkit-overflow-scrolling: touch; }}
/* Right tab bar (vertical icon bar, ALWAYS visible on mobile) */
.right-tab-bar {