pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix styling issues -- make side nav extend to top of footer, and expand padding on global layout so items are not cut off

Browse Source
This commit is contained in:
leigh-mil 2019-08-30 15:19:44 -04:00
parent 2742c4951a
commit 4ba1c4d869
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/components/_global_layout.scss
View File

@ -19,7 +19,7 @@ body {
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
flex-grow: 1; flex-grow: 1;
margin-bottom: $footer-height; padding-bottom: $footer-height * 2.5;
.global-panel-container { .global-panel-container {
margin: $gap; margin: $gap;

1
styles/components/_global_navigation.scss
View File

@ -1,5 +1,6 @@
.global-navigation { .global-navigation {
background-color: $color-white; background-color: $color-white;
height: auto;
.sidenav__link { .sidenav__link {
padding-right: $gap * 2; padding-right: $gap * 2;

7
styles/elements/_sidenav.scss
View File

@ -51,13 +51,16 @@
ul { ul {
&.sidenav__list--padded { &.sidenav__list--padded {
margin: ( 4 * $gap) 0; margin-top: 4 * $gap;
margin-bottom: $footer-height;
padding-bottom: $gap;
position: fixed; position: fixed;
overflow-y: scroll; overflow-y: scroll;
top: $topbar-height + $usa-banner-height + 4rem; top: $topbar-height + $usa-banner-height + 4rem;
bottom: $footer-height; bottom: 0;
left: 0; left: 0;
width: $sidenav-expanded-width; width: $sidenav-expanded-width;
background-color: $color-white;
} }
list-style: none; list-style: none;