Create styles for new app sticky action footer

2019-10-10 15:26:50 -04:00
parent 8e6a4101ff
commit 1560b73672
6 changed files with 39 additions and 14 deletions
--- a/styles/components/_footer.scss
+++ b/styles/components/_footer.scss
@@ -1,4 +1,5 @@
 .app-footer {
+  z-index: 3;
  background-color: $color-white;
  border-top: 1px solid $color-gray-lightest;
  display: flex;
--- a/styles/components/_global_navigation.scss
+++ b/styles/components/_global_navigation.scss
@@ -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;