The z-index of the app-header is VERY high:
.app-header {
z-index: 1034;
grid-area: lte-app-header;
max-width: 100vw;
border-bottom: 1px solid var(--bs-border-color);
transition: 0.3s ease-in-out;
}
Admin Toolbar Search has:
&.ui-autocomplete {
z-index: 600;
}
So the header overlays the admin element and I don't think Admin Toolbar Search wll count even higher.
Is there a reason for that super high value? I guess in Drupal it should be overridden with a much lower value, maybe looking into other Drupal Themes?
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #2
anybodyOkay it's the same issue for the sidebar!
Comment #3
anybodyComment #4
anybodyThis is fixed now, thanks!
Comment #6
thomas.frobieterNo, this was just fixed locally.
Comment #7
thomas.frobieterDrupals .toolbar-tray has a z-index of 501. So we need to have lower z-index for .app-header and .app-sidebar.
Comment #9
thomas.frobieterComment #11
thomas.frobieterOh wait, my fault. It already was 20 + 30, which is fine, but both are overridden by the adminlte.css which sets much higher z-indexes.
On it..
Comment #12
thomas.frobieterOkay, I've moved the Drupal-specific styles and scripts to their own library. Now, we can use library dependencies to fix this.
Another option would be to use !important, but the Drupal tweaks are generally ment to override adminlte default styles.
Comment #13
anybodyComment #15
anybody