Fix styling on sticky cta header so it extends the whole page in IE
remove unused row from header
This commit is contained in:
parent
6669608038
commit
a6397bac35
@ -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 {
|
||||
|
@ -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;
|
||||
|
||||
|
@ -15,12 +15,6 @@
|
||||
<div class='portfolio-header__name'>
|
||||
<h1>{{ portfolio.name }}</h1>
|
||||
</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 class='row links'>
|
||||
{% if user_can(permissions.VIEW_PORTFOLIO_FUNDING) %}
|
||||
|
Loading…
x
Reference in New Issue
Block a user