SDSS-827: callout alignment

SU-SWS · Aug 14, 2023 · 3506903 · 3506903
1 parent c4d8814
commit 3506903
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 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/...rofiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/components/newsroom/_callout.scss b/...rofiles/sdss/sdss_profile/themes/sdss_subtheme/src/scss/components/newsroom/_callout.scss
@@ -6,6 +6,13 @@
 
   blockquote {
     margin: 0;
+    display: inline-block;
+  }
+
+ .blockquote-wrapper {
+    display: flex;
+    max-width: 1000px;
+    margin: 0 auto;
   }
 
   .decoration {
@@ -19,6 +26,7 @@
     position: relative;
     top: -40px;
     margin-right: 1rem;
+    display: inline-block;
   }
 
   .su-callout-author {

diff --git a/...es/sdss_subtheme/templates/components/newsroom-callout/paragraph--callout-quote.html.twig b/...es/sdss_subtheme/templates/components/newsroom-callout/paragraph--callout-quote.html.twig
@@ -5,12 +5,14 @@
 
 
 <div {{ attributes }}>
-  <span class="decoration">&#8220;</span>
-  <blockquote class="callout-quote su-callout-quote">
-    <p>{{ content.su_callout_quote|render|striptags("<drupal-render-placeholder>")|trim }}</p>
-    <cite>
-    <span class="su-callout-author">{{ content.su_callout_author|render|striptags("<drupal-render-placeholder>")|trim }}</span>
-    <span class="su-callout-author-title">{{ content.su_callout_author_title|render|striptags("<drupal-render-placeholder>")|trim }}</span>
-    </cite>
-  </blockquote>
+  <div class="blockquote-wrapper">
+    <span class="decoration">&#8220;</span>
+    <blockquote class="callout-quote su-callout-quote">
+      <p>{{ content.su_callout_quote|render|striptags("<drupal-render-placeholder>")|trim }}</p>
+      <cite>
+      <span class="su-callout-author">{{ content.su_callout_author|render|striptags("<drupal-render-placeholder>")|trim }}</span>
+      <span class="su-callout-author-title">{{ content.su_callout_author_title|render|striptags("<drupal-render-placeholder>")|trim }}</span>
+      </cite>
+    </blockquote>
+  </div>
 </div>