Fix z-index dropdown icon

Was on top of the header
This commit is contained in:
Chocobozzz 2020-08-19 11:33:20 +02:00 committed by Chocobozzz
parent b405d663b4
commit 2856af48ac
3 changed files with 21 additions and 8 deletions

View File

@ -241,6 +241,10 @@ menu {
}
}
.dropdown {
z-index: #{z('menu') + 1} !important;
}
.dropdown-menu {
width: calc(100% + 40px);
}

View File

@ -27,15 +27,24 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
}
/* rules for dropdowns excepts when in button group, to avoid impacting the dropdown-toggle */
.dropdown:not(.btn-group):not(.dropdown-root):not(.action-dropdown):not(.input-group-prepend):not(.column-toggle) {
.dropdown {
z-index: z(dropdown) !important;
&.list-overflow-menu,
&.parent-entry {
z-index: z(header) - 1 !important;
}
}
.list-overflow-menu,
.parent-entry {
z-index: z(header) - 1 !important;
}
.btn-group,
.dropdown-root,
.action-dropdown,
.input-group-prepend,
.column-toggle {
z-index: inherit !important;
}
.dropdown-menu {
z-index: z(dropdown) + 1 !important;

View File

@ -127,9 +127,9 @@ $zindex: (
miniature : 10,
privacymsg : 20,
typeahead : 30,
header : 1000,
menu : 11000,
dropdown : 12000,
header : 12500,
menu : 12600,
popover : 13000,
tooltip : 14000,
loadbar : 15000,