Browse Source

Photos: Update quote block border styles, to work better with the new styles planned for Gutenberg 5.2. See #594.

Laurel Fulford 6 years ago
parent
commit
a559a0201c
2 changed files with 15 additions and 4 deletions
  1. 7 2
      photos/blocks.css
  2. 8 2
      photos/editor-blocks.css

+ 7 - 2
photos/blocks.css

@@ -181,9 +181,14 @@ p.has-drop-cap:not(:focus):first-letter {
 }
 
 /* Blockquotes*/
-.wp-block-quote {
+.wp-block-quote,
+.rtl .wp-block-quote[style*="text-align:left"] {
 	border-left: 4px solid #d63031;
-	padding-left: 2.7rem;
+}
+
+.wp-block-quote[style*="text-align:right"] {
+	border: 0;
+	border-right: 4px solid #d63031;
 }
 
 .rtl .wp-block-quote {

+ 8 - 2
photos/editor-blocks.css

@@ -359,13 +359,19 @@ blockquote p:last-child {
 }
 
 .wp-block-quote,
-.wp-block-quote:not(.is-large):not(.is-style-large) {
+.wp-block-quote:not(.is-large):not(.is-style-large),
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:left"],
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: left"] {
 	border-left: 4px solid #d63031;
+	border-right: 0;
 	padding-left: 26px;
+	padding-right: 26px;
 }
 
 .rtl .wp-block-quote,
-.rtl .wp-block-quote:not(.is-large):not(.is-style-large) {
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large),
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:right"],
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: right"] {
 	border-left: none;
 	border-right: 4px solid #d63031;
 }