Style xsmall contribution header [PUB-231]

art-institute-of-chicago · Aug 24, 2024 · 7428054 · 7428054
1 parent 2fc33ef
commit 7428054
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/frontend/scss/pages/_p-issuearticle-show.scss b/frontend/scss/pages/_p-issuearticle-show.scss
@@ -107,7 +107,7 @@
     color: $color__white;
     @include breakpoint('medium-') {
       padding-top: 40px;
-      width: 100vw;
+      width: 100%;
     }
 
     &::before {
@@ -118,7 +118,7 @@
       right: 0;
       bottom: 0;
       z-index: -1;
-      width: 200vw;
+      width: 300vw;
       margin-left: calc(-600px + 50%);
       @each $name in ('large', 'xlarge') {
         @include breakpoint('#{$name}') {
@@ -372,4 +372,10 @@ Styling related specifically to digital publications
   .o-blocks > h2:not([class*=f-]) {
     margin-top: 20px;
   }
+
+  .o-article > .o-article__primary-actions--digital-publication {
+    @include breakpoint('xsmall') {
+      display: none;
+    }
+  }
 }
diff --git a/resources/views/components/molecules/_m-article-actions----digital-publication.blade.php b/resources/views/components/molecules/_m-article-actions----digital-publication.blade.php
@@ -4,7 +4,7 @@
         <svg aria-hidden="true" class="icon--close" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="1.5" d="M3 3l10 10M13 3L3 13"></path></svg>
     </button>
 
-    <div class="m-article-actions--publication__logo">
+    <div class="m-article-actions--publication__logo u-show@large+">
         <a href="{!! $digitalPublication->present()->getCanonicalUrl() !!}">
             {!! $digitalPublication->header_title_display !!}
         </a>