Style desktop header [PUB-231]

art-institute-of-chicago · Aug 23, 2024 · 891a335 · 891a335
1 parent 351b73e
commit 891a335
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 1 deletion.
diff --git a/app/Http/Controllers/DigitalPublicationArticleController.php b/app/Http/Controllers/DigitalPublicationArticleController.php
@@ -51,6 +51,7 @@ public function show($pubId, $pubSlug, $id, $slug = null)
             'borderlessHeader' => false,
             'unstickyHeader' => true,
             'canonicalUrl' => $canonicalPath,
+            'bgcolor' => $item->digitalPublication->bgcolor,
         ]);
     }
 }
diff --git a/frontend/scss/organisms/_o-article__primary-actions.scss b/frontend/scss/organisms/_o-article__primary-actions.scss
@@ -269,6 +269,7 @@
     height: 110px;
     margin-bottom: 40px;
     white-space: nowrap;
+    color: $color__white;
 
     &::before {
       content: "";
@@ -277,7 +278,6 @@
       left: 0;
       right: 0;
       bottom: 0;
-      background-color: $color__black--50;
       z-index: -1;
       height: 150px;
       width: 600px;
@@ -290,7 +290,19 @@
           margin-right: colspan(2, #{$name});
         }
       }
+    }
+
+    a {
+      color: $color__link--publications;
+    }
+
+    a:hover,
+    a:focus {
+      color: $color__link--publications-hover;
+    }
 
+    a:active {
+      color: $color__link--publications-active;
     }
 
     @include breakpoint('large+') {

diff --git a/frontend/scss/setup/_colors.scss b/frontend/scss/setup/_colors.scss
@@ -251,6 +251,10 @@ $color__link--limited: $color__orange;
 $color__link--limited-hover: $color__orange--hover;
 $color__link--limited-active: $color__orange--active;
 
+$color__link--publications: $color__white;
+$color__link--publications-hover: #dcddde;
+$color__link--publications-active: #9d9fa2;
+
 
 /***
 

diff --git a/resources/views/site/digitalPublicationArticleDetail.blade.php b/resources/views/site/digitalPublicationArticleDetail.blade.php
@@ -6,6 +6,15 @@
 
 @section('content')
 
+@if ($bgcolor ?? false)
+    <style>
+        .m-article-header--digital-publication-article ~ .m-article-header__text::before,
+        .m-article-actions--publication__logo::before {
+            background-color: {{ $bgcolor }};
+        }
+    </style>
+@endif
+
 <article class="o-article">
     @if ($item->type == DigitalPublicationArticleType::Contributions)
         @component('components.molecules._m-article-header----digital-publication-article')