gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-16 13:34:30 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

feat(board): scroll snapping on mobile

Browse Source
This commit is contained in:
Elian Doran 2025-11-15 13:01:30 +02:00
parent b7703fc4df
commit 63cc5b21b4
No known key found for this signature in database
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/client/src/widgets/collections/board/index.css
View File

@ -9,6 +9,12 @@
--card-padding: 0.6em; --card-padding: 0.6em;
} }
body.mobile .board-view {
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
}
.board-view-container { .board-view-container {
height: 100%; height: 100%;
display: flex; display: flex;
@ -31,6 +37,12 @@
flex-direction: column; flex-direction: column;
} }
body.mobile .board-view-container .board-column {
width: 75vw;
max-width: 300px;
scroll-snap-align: center;
}
.board-view-container .board-column.drag-over { .board-view-container .board-column.drag-over {
border-color: var(--main-text-color); border-color: var(--main-text-color);
background-color: var(--hover-item-background-color); background-color: var(--hover-item-background-color);