Browse Source

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

pull/1834/head
Andrew Kingston 5 years ago
parent
commit
e5b2a21c82
  1. 4
      packages/standard-components/src/Layout.svelte

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

@ -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;

Loading…
Cancel
Save