Gazette: Align quote icon to right when text is right aligned. See #594.

Automattic · Feb 15, 2019 · 4e68c8c · 4e68c8c
1 parent 1220d42
commit 4e68c8c
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/gazette/css/blocks.css b/gazette/css/blocks.css
@@ -49,6 +49,14 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 /* Quote */
 
+.wp-block-quote[style*="text-align:right"]::before {
+	float: right;
+}
+
+.rtl .wp-block-quote[style*="text-align:left"]::before {
+	float: left;
+}
+
 /* Audio */
 
 .wp-block-audio {

diff --git a/gazette/css/editor-blocks.css b/gazette/css/editor-blocks.css
@@ -300,6 +300,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	width: 30px;
 }
 
+.wp-block-quote[style*="text-align:right"]:before,
+.wp-block-quote[style*="text-align: right"]:before {
+	float: right;
+}
+
 .wp-block-quote .wp-block-quote__citation {
 	color: #555;
 	font-family: Lato, sans-serif;
@@ -318,6 +323,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	float: right;
 }
 
+.rtl .wp-block-quote[style*="text-align:left"]:before,
+.rtl .wp-block-quote[style*="text-align: left"]:before {
+	float: left;
+}
+
 
 /* Cover */