Twenty Twenty: Improve Separator Block rendering.

This changeset fixes inconsistent alignment behavior of the Separator Block in the editor.

Props kmadhak, sabernhardt, mukesh27, nidhidhandhukiya, kajalgohel.
Fixes #55910.


git-svn-id: https://develop.svn.wordpress.org/trunk@54418 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jb Audras
2022-10-07 20:40:31 +00:00
parent 16f127dff7
commit 50a705a443
2 changed files with 10 additions and 4 deletions

View File

@@ -619,12 +619,15 @@ hr.wp-block-separator:not(.is-style-dots)::after {
width: 1px;
}
hr.wp-block-separator::before {
.editor-styles-wrapper hr.wp-block-separator::before {
right: calc(50% - 5px);
left: auto;
}
hr.wp-block-separator::after {
.editor-styles-wrapper hr.wp-block-separator::after {
left: calc(50% - 5px);
right: auto;
border-radius: 0;
}
/* STYLE: DOTS */

View File

@@ -623,12 +623,15 @@ hr.wp-block-separator:not(.is-style-dots)::after {
width: 1px;
}
hr.wp-block-separator::before {
.editor-styles-wrapper hr.wp-block-separator::before {
left: calc(50% - 5px);
right: auto;
}
hr.wp-block-separator::after {
.editor-styles-wrapper hr.wp-block-separator::after {
right: calc(50% - 5px);
left: auto;
border-radius: 0;
}
/* STYLE: DOTS */