diff --git a/components/02-molecules/news-banner/_news-banner.scss b/components/02-molecules/news-banner/_news-banner.scss index f30e152..5de139f 100644 --- a/components/02-molecules/news-banner/_news-banner.scss +++ b/components/02-molecules/news-banner/_news-banner.scss @@ -12,6 +12,8 @@ background-image: linear-gradient(180deg, rgba(255,255,255, 0), rgba(0, 0, 0, 0.8) 70%); min-height: 180px; padding: 80px 25px 0 25px; + margin-top: 25%; + top: 0; bottom: 0; left: 0; right: 0; @@ -39,7 +41,7 @@ } } } - &-created , + &-created, &-title { display: block; font-size: 2.2em; @@ -66,6 +68,43 @@ } } +h2.news-banner--banner-title { + border: none; + font-size: 1rem; + font-weight: normal; + a { + display: block; + text-decoration: none; + font-size: 2.2em; + line-height: 1.4em; + color: $gray-dark; + width: 100%; + @include medium { + color: $white; + } + &:hover { + color: $gray-lightest; + text-decoration: none; + } + &:after { + background: none; + content: ""; + inset: 0; + pointer-events: auto; + position: absolute; + z-index: 10; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: inherit; + height: inherit; + margin: -25% 0 0 0; + transform: none; + } + } +} + [id="block-views-block-news-block-1"] .row-wrapper { @include flex; diff --git a/components/04-templates/_oda_reports.scss b/components/04-templates/_oda_reports.scss index 58aa37a..564d3ba 100644 --- a/components/04-templates/_oda_reports.scss +++ b/components/04-templates/_oda_reports.scss @@ -77,11 +77,11 @@ } .data-report-top { - display: flex; margin-bottom: 1rem; //justify-content: space-between; - h2 { + h3 { + width: inherit; border: none; margin: 0; line-height: 1.5rem; @@ -122,7 +122,6 @@ img { border: 1px solid $gray-light; } - margin-right: 1rem; div { width: 120px; } @@ -199,6 +198,7 @@ } } + [id='block-pup-odadataandreportsclearfiltersunfiltered'], [id='block-pup-odadataandreportsclearfilters'], [id='block-pup-odadataandreportsfavorites'], [id='block-pup-odadataandreportsexportlink'] { @@ -210,6 +210,9 @@ text-align: center; margin: 0; padding: 0; + a { + scroll-margin-top: 8rem; + } } } @@ -287,7 +290,7 @@ } summary { - h3 { + span { display: inline-block; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2rem; @@ -369,6 +372,19 @@ } } +.data-report-top { + .p-2 { + padding: .5rem; + } + .w-20 { + width: 20%; + } + .w-80 { + width: 80%; + } + +} + @media screen and (max-width: 920px){ .path-reports aside { position: absolute;