Fix side nav styles

This commit is contained in:
Andrew Kingston 2022-12-12 12:42:11 +00:00
parent c3cd61a44f
commit ab568a52c1
1 changed files with 9 additions and 6 deletions

View File

@ -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 */