Allow controlling horizontal position of quote attribution

REDMINE-20338
codevise · Aug 15, 2023 · 00191a7 · 00191a7
1 parent 4b1cb94
commit 00191a7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 0 deletions.
diff --git a/entry_types/scrolled/doc/creating_themes/custom_typography.md b/entry_types/scrolled/doc/creating_themes/custom_typography.md
@@ -186,6 +186,7 @@ adjust the design:
 
 | Name | Description |
 | ---- | ----------- |
+| `quote_attribution_min_width` | Control horizontal position of attribute text. |
 | `quote_indent` | Length by which to indent the quote text. |
 | `quote_mark_left_mark` | Symbol to use for the left quotation mark. |
 | `quote_mark_right_mark` | Symbol to use for the left quotation mark. |

diff --git a/entry_types/scrolled/package/src/contentElements/quote/Quote.module.css b/entry_types/scrolled/package/src/contentElements/quote/Quote.module.css
@@ -82,6 +82,10 @@
   padding-left: 0.05em;
 }
 
+.attribution {
+  min-width: var(--theme-quote-attribution-min-width);
+}
+
 .attribution p:first-child {
   position: relative;
 }

diff --git a/entry_types/scrolled/package/src/contentElements/quote/stories.js b/entry_types/scrolled/package/src/contentElements/quote/stories.js
@@ -52,6 +52,14 @@ storiesOfContentElement(module, {
         quoteDesign: 'hanging'
       }
     },
+    {
+      name: 'Centered Attribution',
+      themeOptions: {
+        properties: {
+          quoteAttributionMinWidth: '50%'
+        }
+      }
+    },
     {
       name: 'Inline',
       themeOptions: {