gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-29 03:54:24 +01:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

style(mobile/context_menu): taller height + small animation when expanding items

Browse Source
This commit is contained in:
Elian Doran 2025-11-28 23:21:31 +02:00
parent 5847ce5c14
commit 19cf07564f
No known key found for this signature in database
2 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/stylesheets/style.css
View File

@ -1316,7 +1316,7 @@ body.mobile #context-menu-container.mobile-bottom-menu {
inset-inline-end: 0 !important;
bottom: 0 !important;
top: unset !important;
max-height: 70vh;
max-height: 90vh;
overflow: auto !important;
user-select: none;
-webkit-user-select: none;

27
apps/client/src/stylesheets/theme-next/base.css
View File

@ -367,19 +367,26 @@ body.mobile .dropdown-menu {
padding: var(--dropdown-menu-padding-vertical) var(--dropdown-menu-padding-horizontal);
}
.dropdown-menu {
--menu-background-color: rgba(0, 0, 0, 0.15);
border-radius: 0;
max-height: 0;
transition: max-height 100ms ease-in;
display: block !important;
&.show {
max-height: 1000px;
}
.dropdown-item {
background: transparent;
}
}
&.submenu-open {
.dropdown-toggle {
padding-bottom: var(--dropdown-menu-padding-vertical);
}
.dropdown-menu {
--menu-background-color: rgba(0, 0, 0, 0.15);
border-radius: 0;
.dropdown-item {
background: transparent;
}
}
}
}
}
}