mirror of
https://github.com/zadam/trilium.git
synced 2025-11-29 03:54:24 +01:00
style(mobile/context_menu): improve backdrop
This commit is contained in:
parent
18d3cb6f0c
commit
0aafdca999
@ -313,6 +313,14 @@ body.desktop .dropdown-menu.static .dropdown-item.active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* #region Mobile tweaks for dropdown menus */
|
/* #region Mobile tweaks for dropdown menus */
|
||||||
|
body.mobile #context-menu-cover {
|
||||||
|
transition: background-color 150ms ease-in;
|
||||||
|
|
||||||
|
&.show {
|
||||||
|
background: rgba(0, 0, 0, 0.7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
body.mobile .dropdown-menu {
|
body.mobile .dropdown-menu {
|
||||||
--dropdown-menu-padding-vertical: 0.7em;
|
--dropdown-menu-padding-vertical: 0.7em;
|
||||||
--dropdown-menu-padding-horizontal: 1em;
|
--dropdown-menu-padding-horizontal: 1em;
|
||||||
@ -320,7 +328,7 @@ body.mobile .dropdown-menu {
|
|||||||
font-size: 1em !important;
|
font-size: 1em !important;
|
||||||
|
|
||||||
.dropdown-toggle::after {
|
.dropdown-toggle::after {
|
||||||
top: var(--dropdown-menu-padding-vertical);
|
top: 0.5em;
|
||||||
right: var(--dropdown-menu-padding-horizontal);
|
right: var(--dropdown-menu-padding-horizontal);
|
||||||
transform: translateX(50%) rotate(90deg);
|
transform: translateX(50%) rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user