v0.2.1 is ready! Adds independent mobile scrolling in folder nav and note list for better experience on phones/small screens
This commit is contained in:
parent
306c3c1e6e
commit
010d9f99f6
6 changed files with 68 additions and 3 deletions
|
|
@ -1370,7 +1370,26 @@ button, input, select, textarea {
|
|||
display: flex;
|
||||
}
|
||||
|
||||
/* Independent scrolling: folder nav and note list each scroll within
|
||||
their own area. The sidebar itself does not scroll on mobile. The
|
||||
pull-tab button stays visible above the scrolling folder list. */
|
||||
.sidebar {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.folder-nav-container {
|
||||
position: static;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: 40%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.folder-nav {
|
||||
overflow-y: auto;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
|
@ -1380,6 +1399,10 @@ button, input, select, textarea {
|
|||
}
|
||||
|
||||
.note-list {
|
||||
overflow-y: auto;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue