CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-01 04:21:06 +12:00
Code Issues Projects Releases Wiki Activity

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

Browse source
This commit is contained in:
Andrew Kingston 2021-06-25 15:09:13 +01:00
parent 9815a3ff8c
commit e5b2a21c82
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;