fixup

SU-SWS · Aug 11, 2023 · 4953222 · 4953222
1 parent 7d0fd8e
commit 4953222
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 47 deletions.
diff --git a/docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/dist/css/sdss_subtheme.css b/docroot/profiles/sdss/sdss_profile/themes/sdss_subtheme/dist/css/sdss_subtheme.css
diff --git a/...ss_profile/themes/sdss_subtheme/src/scss/components/main-navigation/_main-navigation.scss b/...ss_profile/themes/sdss_subtheme/src/scss/components/main-navigation/_main-navigation.scss
@@ -19,6 +19,15 @@
   }
 }
 
+.su-masthead {
+  .su-site-search__submit {
+    @include grid-media-max('md') {
+      right: 4.1rem;
+      top: 3.7rem;
+    }
+  }
+}
+
 // Makes the menu 'sticky' for LG sreens and up
 @include grid-media-min('lg') {
   // Add a scroll offset equivalent to the sticky header to account for any

diff --git a/...s/sdss/sdss_profile/themes/sdss_subtheme/src/scss/components/newsroom/_newsroom-menu.scss b/...s/sdss/sdss_profile/themes/sdss_subtheme/src/scss/components/newsroom/_newsroom-menu.scss
@@ -2,6 +2,7 @@
 
 .newsroom-wrapper {
   border-bottom: 1px solid $su-color-black-20;
+  margin-bottom: 5.8rem;
 }
 
 .menu--newsroom {

diff --git a/...le/themes/sdss_subtheme/src/scss/components/newsroom/_newsroom-mobile-menu--dropdown.scss b/...le/themes/sdss_subtheme/src/scss/components/newsroom/_newsroom-mobile-menu--dropdown.scss
@@ -1,61 +1,62 @@
 @charset "UTF-8";
 
 // Mobile menu for the newsroom
-
-.newsroom-mobile--btn {
-  display: none;
-}
-
-@include grid-media-max('md') {
-
+.newsroom-wrapper {
   .newsroom-mobile--btn {
-    display: block;
-    border: 1px solid $su-color-black-20;
-    padding: 15px 20px 17px 20px;
-    max-width: 25rem;
+    display: none;
+  }
 
-    a {
-      color: $sdss-color-green-link;
-      font-weight: $su-font-semi-bold;
-      line-height: 109%; /* 18.53px */
+  @include grid-media-max('md') {
+    h2 {
+      display: none;
     }
-  }
 
-  .newsroom-wrapper:has(nav > button[aria-expanded="true"]) {
-    background: #155f65;
-    position: fixed;
-    z-index: 999;
-    top: 0;
-    right: 0;
-    width: 100%;
+    .newsroom-mobile--btn {
+      display: block;
+      border: 1px solid $su-color-black-20;
+      padding: 15px 20px 17px 20px;
+      max-width: 25rem;
 
-    .menu--newsroom {
-      justify-items: left;
+      a {
+        color: $sdss-color-green-link;
+        font-weight: $su-font-semi-bold;
+        line-height: 109%; /* 18.53px */
+      }
+    }
 
-      h2 {
-        display: none;
+    &:has(nav > button[aria-expanded="true"]) {
+      background: #155f65;
+      position: fixed;
+      z-index: 999;
+      top: 0;
+      right: 0;
+      width: 100%;
+
+      .menu--newsroom {
+        justify-items: left;
       }
     }
-  }
 
-  nav > button[aria-expanded="false"] {
-    color: $sdss-color-green-link;
-    font-weight: $su-font-semi-bold;
-    position: unset;
-    margin: 0 auto;
-  }
+    nav > button[aria-expanded="false"] {
+      color: $sdss-color-green-link;
+      font-weight: $su-font-semi-bold;
+      position: unset;
+      margin: 0 auto;
+    }
 
-  nav > button[aria-expanded="true"] {
-    color: $su-color-white;
-    top: -120px;
-    right: 0;
-
-    &:focus,
-    &:active,
-    &:hover {
-      outline: none;
-      color: white;
-      text-decoration: underline;
+    nav > button[aria-expanded="true"] {
+      color: $su-color-white;
+      top: -43px;
+      right: 0;
+
+      &:focus,
+      &:active,
+      &:hover {
+        outline: none;
+        color: white;
+        text-decoration: underline;
+      }
     }
   }
-}
+
+}