style(legacy): apply context menu fixes on mobile

This commit is contained in:
Elian Doran 2024-12-28 11:20:23 +02:00
parent 55fc2a3ebb
commit 68805ddd49
No known key found for this signature in database
2 changed files with 24 additions and 25 deletions

View File

@ -974,6 +974,30 @@ a.external:not(.no-arrow):after, a[href^="http://"]:not(.no-arrow):after, a[href
/* !!! Cannot set overflow: auto, submenus will break !!! */ /* !!! Cannot set overflow: auto, submenus will break !!! */
} }
body.mobile #context-menu-container {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: unset !important;
max-height: 70vh;
overflow: auto !important;
user-select: none;
-webkit-user-select: none;
}
body.mobile .dropdown-menu {
position: static !important;
}
body.mobile .dropdown-submenu > .dropdown-menu {
border: 0 !important;
padding: 0 !important;
overflow: hidden !important;
top: unset !important;
margin-top: 0 !important;
}
#context-menu-container, #context-menu-container .dropdown-menu { #context-menu-container, #context-menu-container .dropdown-menu {
padding: 3px 0 0; padding: 3px 0 0;
z-index: 2000; z-index: 2000;

View File

@ -485,18 +485,6 @@ div.quick-search .search-button.show {
--menu-item-icon-vert-offset: 1.5px; --menu-item-icon-vert-offset: 1.5px;
} }
body.mobile #context-menu-container {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: unset !important;
max-height: 70vh;
overflow: auto !important;
user-select: none;
-webkit-user-select: none;
}
/* Tree actions toolbar */ /* Tree actions toolbar */
/* Toolbar container (collapsed state) */ /* Toolbar container (collapsed state) */
@ -951,19 +939,6 @@ body.mobile .dropdown-item:not(:last-of-type) {
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
body.mobile .dropdown-menu {
font-size: 1.05rem !important;
position: static !important;
}
body.mobile .dropdown-submenu > .dropdown-menu {
border: 0 !important;
padding: 0 !important;
overflow: hidden !important;
top: unset !important;
margin-top: 0 !important;
}
body.mobile #launcher-pane .dropdown-submenu > .dropdown-toggle { body.mobile #launcher-pane .dropdown-submenu > .dropdown-toggle {
display: none; display: none;
} }