ExternalVendorCode/chirpstack
1
0
Fork 0
mirror of https://github.com/chirpstack/chirpstack.git synced 2024-12-23 15:02:26 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix header z-index issue in UI.

Browse Source 
The z-index of the header was set to 2000 because of Leaflet JS zoom
controls going over the header instead of under when scrolling. However,
this caused issues with the notifications and dropdowns (menu and
autocomplete).

Setting the z-index to 1001 is enough to fix the Leaflet JS issues,
without causing other issues.
This commit is contained in:
Orne Brocaar 2022-12-24 10:46:23 +00:00
parent 1813e6a7b2
commit 417179ba54
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/src/index.css
View File

@ -1,7 +1,3 @@
.ant-notification {
z-index: 3000;
}
.layout {
margin-left: 300px;
}
@ -9,7 +5,8 @@
.layout-header {
background: #ffffff;
box-shadow: 0px 0px 10px 0px #ccc;
z-index: 2000;
/* Leaflet JS zoom controls have z-index 1000. */
z-index: 1001;
position: fixed;
width: 100%;