MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add relative z indices to layouts to allow absolutely positioned children in a layout without overlapping the nav

This commit is contained in:
Andrew Kingston 2021-06-25 15:09:13 +01:00
parent 6d9a1b8382
commit 79b3732ef4
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/standard-components/src/Layout.svelte
View File

@ -124,6 +124,7 @@
height: 100%; height: 100%;
overflow: auto; overflow: auto;
overflow-x: hidden; overflow-x: hidden;
position: relative;
} }
.nav-wrapper { .nav-wrapper {
@ -132,7 +133,7 @@
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;
background: white; background: white;
z-index: 1; z-index: 2;
box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.075); box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.075);
} }
.layout--top .nav-wrapper.sticky { .layout--top .nav-wrapper.sticky {
@ -164,6 +165,7 @@
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;
flex: 1 1 auto; flex: 1 1 auto;
z-index: 1;
} }
.main { .main {
display: flex; display: flex;