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

Fix styling on sticky cta header so it extends the whole page in IE

Browse Source 
remove unused row from header
This commit is contained in:
leigh-mil 2019-08-29 17:05:15 -04:00
parent 6669608038
commit a6397bac35
3 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles/components/_sticky_cta.scss
View File

@ -1,10 +1,11 @@
.sticky-cta { .sticky-cta {
margin-left: -$gap * 4; margin-left: -$gap * 4;
margin-right: -$gap * 5;
z-index: 10; z-index: 10;
@include media($medium-screen) { @include media($medium-screen) {
margin-left: -$gap * 5; margin-left: -$gap * 5;
margin-right: -$gap * 3; margin-right: -$gap * 5;
} }
&.js-is-sticky { &.js-is-sticky {
@ -18,7 +19,7 @@
background-color: $color-gray-lightest; background-color: $color-gray-lightest;
border-top: 1px solid $color-gray-lighter; border-top: 1px solid $color-gray-lighter;
border-bottom: 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; box-shadow: $box-shadow;
.usa-button { .usa-button {

4
styles/elements/_sidenav.scss
View File

@ -6,6 +6,8 @@
.sidenav-container { .sidenav-container {
position: relative; position: relative;
box-shadow: $box-shadow; box-shadow: $box-shadow;
width: 19.2%;
min-width: 25rem;
.global-navigation.sidenav { .global-navigation.sidenav {
height: 100%; height: 100%;
@ -16,8 +18,6 @@
margin: 0px; margin: 0px;
} }
width: 25rem;
&__title { &__title {
@include sidenav__header; @include sidenav__header;

6
templates/portfolios/header.html
View File

@ -15,12 +15,6 @@
<div class='portfolio-header__name'> <div class='portfolio-header__name'>
<h1>{{ portfolio.name }}</h1> <h1>{{ portfolio.name }}</h1>
</div> </div>
<div class='row'>
<div class='column-left'></div>
<div class='column-right portfolio-funding__header--funded-through {{ "funded" if funding_end_date is not none and funded else "unfunded"}}'>
</div>
</div>
</div> </div>
<div class='row links'> <div class='row links'>
{% if user_can(permissions.VIEW_PORTFOLIO_FUNDING) %} {% if user_can(permissions.VIEW_PORTFOLIO_FUNDING) %}