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

Create styles for new app sticky action footer

Browse Source
This commit is contained in:
graham-dds
2019-10-10 15:26:50 -04:00
parent 8e6a4101ff
commit 1560b73672
6 changed files with 39 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
styles/components/_footer.scss
View File

@@ -1,4 +1,5 @@
.app-footer {
z-index: 3;
background-color: $color-white;
border-top: 1px solid $color-gray-lightest;
display: flex;

3
styles/components/_global_navigation.scss
View File

@@ -1,6 +1,9 @@
.global-navigation {
z-index: 2;
background-color: $color-white;
height: auto;
box-shadow: $box-shadow;
margin-bottom: -$footer-height * 2.5;
.sidenav__link {
padding-right: $gap * 2;

21
styles/elements/_action_group.scss
View File

@@ -29,3 +29,24 @@
}
}
}
.action-group-footer {
@extend .action-group;
&:last-child {
margin-bottom: 0;
}
margin-top: 0;
margin-bottom: 0;
padding-top: $gap;
padding-bottom: $gap;
position: fixed;
bottom: $footer-height;
background: white;
right: 0;
padding-right: $gap * 4;
border-top: 1px solid $color-gray-light;
width: 100%;
z-index: 1;
}