sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
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.

git-svn-id: https://develop.svn.wordpress.org/trunk@47591 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ian Belanger 2020-04-16 19:45:19 +00:00
parent 3d762adf5c
commit 2370457175
4 changed files with 112 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss
View File

@ -74,6 +74,15 @@
margin: $size__spacing-unit 0; margin: $size__spacing-unit 0;
width: 1em; width: 1em;
} }
&.has-text-align-center:before {
margin-left: auto;
margin-right: auto;
}
&.has-text-align-right:before {
margin-left: auto;
}
} }
/* If we add the border using a regular CSS border, it won't look good on non-retina devices, /* If we add the border using a regular CSS border, it won't look good on non-retina devices,

27
src/wp-content/themes/twentynineteen/style-editor.css
View File

@ -636,6 +636,15 @@ h1:before {
width: 1em; width: 1em;
} }
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) { @media only screen and (min-width: 768px) {
h1 { h1 {
font-size: 2.8125em; font-size: 2.8125em;
@ -655,6 +664,15 @@ h2:before {
width: 1em; width: 1em;
} }
h2.has-text-align-center:before {
margin-left: auto;
margin-right: auto;
}
h2.has-text-align-right:before {
margin-left: auto;
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
h2 { h2 {
font-size: 2.25em; font-size: 2.25em;
@ -768,6 +786,15 @@ figcaption,
width: 1em; width: 1em;
} }
.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 { .editor-post-title__block:before {
width: 2.8125em; width: 2.8125em;
margin-top: 0; margin-top: 0;

38
src/wp-content/themes/twentynineteen/style-rtl.css
View File

@ -2527,6 +2527,17 @@ h2:before {
width: 1em; width: 1em;
} }
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 { hr {
background-color: #767676; background-color: #767676;
border: 0; border: 0;
@ -4209,6 +4220,15 @@ body.page .main-navigation {
width: 1em; width: 1em;
} }
.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 { .entry .entry-title a {
color: inherit; color: inherit;
} }
@ -4493,6 +4513,15 @@ body.page .main-navigation {
width: 1em; width: 1em;
} }
.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 { .author-bio .author-description {
display: inline; display: inline;
color: #767676; color: #767676;
@ -4587,6 +4616,15 @@ body.page .main-navigation {
width: 1em; 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;
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title { .comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12)); flex: 1 0 calc(3 * (100vw / 12));

38
src/wp-content/themes/twentynineteen/style.css
View File

@ -2527,6 +2527,17 @@ h2:before {
width: 1em; width: 1em;
} }
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 { hr {
background-color: #767676; background-color: #767676;
border: 0; border: 0;
@ -4215,6 +4226,15 @@ body.page .main-navigation {
width: 1em; width: 1em;
} }
.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 { .entry .entry-title a {
color: inherit; color: inherit;
} }
@ -4499,6 +4519,15 @@ body.page .main-navigation {
width: 1em; width: 1em;
} }
.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 { .author-bio .author-description {
display: inline; display: inline;
color: #767676; color: #767676;
@ -4593,6 +4622,15 @@ body.page .main-navigation {
width: 1em; 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;
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title { .comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12)); flex: 1 0 calc(3 * (100vw / 12));