From a1d85e8722baa768814288838ca03fd43131098b Mon Sep 17 00:00:00 2001
From: nikhil trivedi <ntrivedi@artic.edu>
Date: Thu, 22 Aug 2024 17:16:59 -0500
Subject: [PATCH] Style sidebar portion of header title [PUB-231]

---
 .../_o-article__primary-actions.scss          | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/frontend/scss/organisms/_o-article__primary-actions.scss b/frontend/scss/organisms/_o-article__primary-actions.scss
index 03a05d4c7..afdaf6b11 100644
--- a/frontend/scss/organisms/_o-article__primary-actions.scss
+++ b/frontend/scss/organisms/_o-article__primary-actions.scss
@@ -266,9 +266,33 @@
   }
 
   .m-article-actions--publication__logo {
+    height: 110px;
     margin-bottom: 40px;
     white-space: nowrap;
 
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: $color__black--50;
+      z-index: -1;
+      height: 150px;
+      width: 600px;
+      margin-left: calc(-600px + 50%);
+      @each $name in ('large', 'xlarge') {
+        @include breakpoint('#{$name}') {
+          width: calc(#{colspan(14, '#{$name}')} * 2 + (#{colspan(1, '#{$name}')} * 2));
+          padding-right: calc(#{colspan(1, '#{$name}')} * 2);
+          margin-left: calc((#{colspan(14, '#{$name}')} * -1) + (#{colspan(1, '#{$name}')} * -1));
+          margin-right: colspan(2, #{$name});
+        }
+      }
+
+    }
+
     @include breakpoint('large+') {
       .p-digitalpublications-show &,
       .p-digitalpublications-showlisting & {