data: tweak some layout stuff

UCBoulder · Nov 12, 2024 · d46894b · d46894b
1 parent fbc3556
commit d46894b
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 5 deletions.
diff --git 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
@@ -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;