davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enforce min-width per column with cascade shrink on window resize

Browse Source 
Editor (400px), note list (220px), sidebar (180px), and inspector
(240px) now have CSS min-width constraints. Window minWidth set to
800px in Tauri config. Flex-shrink ratios create cascade order:
editor shrinks first, then note list, then sidebar.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Test
2026-03-30 09:29:57 +02:00
parent 14b5c34b94
commit af7d79fe44
5 changed files with 73 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/App.css
View File

@@ -16,7 +16,8 @@
}
.app__sidebar {
flex-shrink: 0;
flex-shrink: 1;
min-width: 180px;
display: flex;
flex-direction: column;
}
@@ -26,7 +27,8 @@
}
.app__note-list {
flex-shrink: 0;
flex-shrink: 10;
min-width: 220px;
display: flex;
flex-direction: column;
}
@@ -37,7 +39,7 @@
.app__editor {
flex: 1;
min-width: 0;
min-width: 400px;
min-height: 0;
overflow: hidden;
display: flex;