From a6397bac351ac482f55ad19c6ba6c26bd3fd1c98 Mon Sep 17 00:00:00 2001 From: leigh-mil Date: Thu, 29 Aug 2019 17:05:15 -0400 Subject: [PATCH] Fix styling on sticky cta header so it extends the whole page in IE remove unused row from header --- styles/components/_sticky_cta.scss | 5 +++-- styles/elements/_sidenav.scss | 4 ++-- templates/portfolios/header.html | 6 ------ 3 files changed, 5 insertions(+), 10 deletions(-) diff --git a/styles/components/_sticky_cta.scss b/styles/components/_sticky_cta.scss index c49699f9..1e488293 100644 --- a/styles/components/_sticky_cta.scss +++ b/styles/components/_sticky_cta.scss @@ -1,10 +1,11 @@ .sticky-cta { margin-left: -$gap * 4; + margin-right: -$gap * 5; z-index: 10; @include media($medium-screen) { margin-left: -$gap * 5; - margin-right: -$gap * 3; + margin-right: -$gap * 5; } &.js-is-sticky { @@ -18,7 +19,7 @@ background-color: $color-gray-lightest; border-top: 1px solid $color-gray-lighter; border-bottom: 1px solid $color-gray-lighter; - padding: 0 $gap * 2 0 $gap * 5; + padding: 0 $gap * 5 0 $gap * 5; box-shadow: $box-shadow; .usa-button { diff --git a/styles/elements/_sidenav.scss b/styles/elements/_sidenav.scss index 1cf84593..45bc2637 100644 --- a/styles/elements/_sidenav.scss +++ b/styles/elements/_sidenav.scss @@ -6,6 +6,8 @@ .sidenav-container { position: relative; box-shadow: $box-shadow; + width: 19.2%; + min-width: 25rem; .global-navigation.sidenav { height: 100%; @@ -16,8 +18,6 @@ margin: 0px; } - width: 25rem; - &__title { @include sidenav__header; diff --git a/templates/portfolios/header.html b/templates/portfolios/header.html index b5ed3112..f869d902 100644 --- a/templates/portfolios/header.html +++ b/templates/portfolios/header.html @@ -15,12 +15,6 @@

{{ portfolio.name }}

-
-
-
- -
-