Fix side nav styles
This commit is contained in:
parent
c3cd61a44f
commit
ab568a52c1
|
@ -275,7 +275,6 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-top: 1px solid var(--spectrum-global-color-gray-300);
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
@ -316,6 +315,12 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
.layout--top .nav-wrapper {
|
||||||
|
border-bottom: 1px solid var(--spectrum-global-color-gray-300);
|
||||||
|
}
|
||||||
|
.layout--left .nav-wrapper {
|
||||||
|
border-right: 1px solid var(--spectrum-global-color-gray-300);
|
||||||
|
}
|
||||||
|
|
||||||
.nav {
|
.nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -390,10 +395,6 @@
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-top: 1px solid var(--spectrum-global-color-gray-300);
|
|
||||||
}
|
|
||||||
.layout--none .main-wrapper {
|
|
||||||
border-top: none;
|
|
||||||
}
|
}
|
||||||
.main {
|
.main {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -487,7 +488,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Desktop nav overrides */
|
/* Desktop nav overrides */
|
||||||
.desktop.layout--left {
|
.desktop.layout--left .layout-body {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
@ -523,6 +524,8 @@
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.075);
|
box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.075);
|
||||||
|
border-bottom: 1px solid var(--spectrum-global-color-gray-300);
|
||||||
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Show close button in drawer */
|
/* Show close button in drawer */
|
||||||
|
|
Loading…
Reference in New Issue