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

Bundled Themes: Twenty Nineteen horizontal rule is very narrow.

Browse Source 
Fixes the issue by adding specific styles for the `<hr>` tag.

Props laurelfulford, nielslange, kjellr, samful, leprincenoir.
Fixes #45912.

git-svn-id: https://develop.svn.wordpress.org/trunk@48073 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ian Belanger 2020-06-17 15:46:47 +00:00
parent b58973554d
commit 6ce58a4bac
3 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
View File

@ -684,6 +684,11 @@
max-width: 2.25em;
text-align: left;
&:not(.wp-block-separator) {
max-width: 100%;
@include postContentMaxWidth();
}
&.is-style-wide {
max-width: 100%;
@include postContentMaxWidth();

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

@ -2958,7 +2958,7 @@ body.page .main-navigation {
line-height: 1.2;
text-shadow: none;
padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
white-space: nowrap;
max-width: 20rem;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
@ -5639,6 +5639,12 @@ body.page .main-navigation {
margin: 0 0 0 0.25em;
}
@-moz-document url-prefix() {
.entry .entry-content .has-drop-cap:not(:focus)::first-letter {
margin-top: 0.2em;
}
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 2px;

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

@ -5652,7 +5652,7 @@ body.page .main-navigation {
}
@-moz-document url-prefix() {
.entry .entry-content .has-drop-cap:not(:focus)::first-letter {
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
margin-top: 0.2em;
}
}
@ -6035,6 +6035,25 @@ body.page .main-navigation {
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: 100%;