Changeset 47591

Timestamp:

04/16/2020 07:45:19 PM (5 years ago)

Author:

ianbelanger

Message:

Bundled Themes: Twenty Nineteen center and right-aligned heading accents appear broken.

Fixes the center and right aligned heading accents so that they align with the text, instead of just staying left-aligned.

Props kjellr, melchoyce.
Fixes #49699.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• sass/mixins/_mixins-master.scss (modified) (1 diff)
• style-editor.css (modified) (3 diffs)
• style-rtl.css (modified) (4 diffs)
• style.css (modified) (4 diffs)

trunk/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

@@ -75 +75 @@
         width: 1em;
     }
+
+    &.has-text-align-center:before {
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    &.has-text-align-right:before {
+        margin-left: auto;
+    }
 }
 

trunk/src/wp-content/themes/twentynineteen/style-editor.css

@@ -637 +637 @@
 }
 
+h1.has-text-align-center:before {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+h1.has-text-align-right:before {
+  margin-left: auto;
+}
+
 @media only screen and (min-width: 768px) {
   h1 {
@@ -654 +663 @@
   margin: 1rem 0;
   width: 1em;
+}
+
+h2.has-text-align-center:before {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+h2.has-text-align-right:before {
+  margin-left: auto;
 }
 
@@ -769 +787 @@
 }
 
+.editor-post-title__block.has-text-align-center:before {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.editor-post-title__block.has-text-align-right:before {
+  margin-left: auto;
+}
+
 .editor-post-title__block:before {
   width: 2.8125em;

trunk/src/wp-content/themes/twentynineteen/style-rtl.css

@@ -2528 +2528 @@
 }
 
+h1:not(.site-title).has-text-align-center:before,
+h2.has-text-align-center:before {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+h1:not(.site-title).has-text-align-right:before,
+h2.has-text-align-right:before {
+  margin-right: auto;
+}
+
 hr {
   background-color: #767676;
@@ -4210 +4221 @@
 }
 
+.entry .entry-title.has-text-align-center:before {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.entry .entry-title.has-text-align-right:before {
+  margin-right: auto;
+}
+
 .entry .entry-title a {
   color: inherit;
@@ -4494 +4514 @@
 }
 
+.author-bio .author-title.has-text-align-center:before {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.author-bio .author-title.has-text-align-right:before {
+  margin-right: auto;
+}
+
 .author-bio .author-description {
   display: inline;
@@ -4586 +4615 @@
   margin: 1rem 0;
   width: 1em;
+}
+
+.comments-area .comments-title-wrap .comments-title.has-text-align-center:before {
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.comments-area .comments-title-wrap .comments-title.has-text-align-right:before {
+  margin-right: auto;
 }
 

trunk/src/wp-content/themes/twentynineteen/style.css

@@ -2528 +2528 @@
 }
 
+h1:not(.site-title).has-text-align-center:before,
+h2.has-text-align-center:before {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+h1:not(.site-title).has-text-align-right:before,
+h2.has-text-align-right:before {
+  margin-left: auto;
+}
+
 hr {
   background-color: #767676;
@@ -4216 +4227 @@
 }
 
+.entry .entry-title.has-text-align-center:before {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.entry .entry-title.has-text-align-right:before {
+  margin-left: auto;
+}
+
 .entry .entry-title a {
   color: inherit;
@@ -4500 +4520 @@
 }
 
+.author-bio .author-title.has-text-align-center:before {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.author-bio .author-title.has-text-align-right:before {
+  margin-left: auto;
+}
+
 .author-bio .author-description {
   display: inline;
@@ -4592 +4621 @@
   margin: 1rem 0;
   width: 1em;
+}
+
+.comments-area .comments-title-wrap .comments-title.has-text-align-center:before {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.comments-area .comments-title-wrap .comments-title.has-text-align-right:before {
+  margin-left: auto;
 }