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;
flex-wrap: nowrap;
flex-grow: 1;
margin-bottom: $footer-height;
padding-bottom: $footer-height * 2.5;
.global-panel-container {
margin: $gap;

1
styles/components/_global_navigation.scss
View File

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

7
styles/elements/_sidenav.scss
View File

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