WordPress.org
Get WordPress

Make WordPress Core

Ticket #53158: 53158-wp-block-margins.patch

File 53158-wp-block-margins.patch, 5.1 KB (added by tomdevisser, 4 years ago)

The margins on the right and left aligned wp-block have an inconsistency, where the right aligned has only a margin-right of 0, where the left aligned sets all margins to 0. This has to be tested with all blocks.

  • src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css 

    diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css
index 488f8226fe..423748433d 100644
    a b hr.wp-block-separator.is-style-dots::before { 
    777777        width: 44px;
    778778}
    779779
    780 .editor-styles-wrapper .wp-block .wp-block-pullquote p {
     780.editor-styles-wrapper .wp-block .wp-block-pullquote p,
     781.editor-styles-wrapper .wp-block-pullquote p {
    781782        font-family: inherit;
    782783        font-size: 28px;
    783784        font-weight: 700;
    … … hr.wp-block-separator.is-style-dots::before { 
    786787        margin-bottom: 20px;
    787788}
    788789
    789 .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
     790.editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child,
     791.editor-styles-wrapper .wp-block-pullquote p:last-child {
    790792        margin-bottom: 0;
    791793}
    792794
    793 .editor-styles-wrapper .wp-block .wp-block-pullquote p,
     795.editor-styles-wrapper .wp-block .wp-block-pullquote p,
     796.editor-styles-wrapper .wp-block-pullquote p,
    794797.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    795798.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    796799.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
    … … hr.wp-block-separator.is-style-dots::before { 
    10991102        }
    11001103
    11011104        .editor-styles-wrapper .wp-block[data-align="left"] {
    1102                 margin: 0;
     1105                margin-right: 0;
    11031106        }
    11041107
    11051108        /* BLOCK: COVER */
    … … hr.wp-block-separator.is-style-dots::before { 
    12941297
    12951298        /* BLOCK: PULLQUOTE */
    12961299
    1297         .editor-styles-wrapper .wp-block .wp-block-pullquote p,
     1300        .editor-styles-wrapper .wp-block .wp-block-pullquote p,
     1301        .editor-styles-wrapper .wp-block-pullquote p,
    12981302        .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    12991303        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    13001304        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
    … … hr.wp-block-separator.is-style-dots::before { 
    13261330        }
    13271331
    13281332        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
    1329         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
     1333        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p,
     1334        .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-pullquote p,
     1335        .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-pullquote blockquote p {
    13301336                font-size: 48px;
    13311337                line-height: 1.203125;
    13321338        }

  • src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css 

    diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css
index 66e662628e..14809c962c 100644
    a b hr.wp-block-separator.is-style-dots::before { 
    777777        width: 44px;
    778778}
    779779
    780 .editor-styles-wrapper .wp-block .wp-block-pullquote p {
     780.editor-styles-wrapper .wp-block .wp-block-pullquote p, .editor-styles-wrapper .wp-block-pullquote p {
    781781        font-family: inherit;
    782782        font-size: 28px;
    783783        font-weight: 700;
    … … hr.wp-block-separator.is-style-dots::before { 
    786786        margin-bottom: 20px;
    787787}
    788788
    789 .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
     789.editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child, .editor-styles-wrapper .wp-block-pullquote p:last-child {
    790790        margin-bottom: 0;
    791791}
    792792
    793 .editor-styles-wrapper .wp-block .wp-block-pullquote p,
     793.editor-styles-wrapper .wp-block .wp-block-pullquote p, .editor-styles-wrapper .wp-block-pullquote p,
    794794.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    795795.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    796796.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
    797797        font-size: 28px;
    798798}
    799799
     800.editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-pullquote blockquote p,
     801.editor-styles-wrapper .wp-block[data-align="full"] .wp-block-pullquote blockquote p {
     802        font-size: 48px;
     803}
     804
    800805.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
    801806.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
    802807        height: auto;
    … … hr.wp-block-separator.is-style-dots::before { 
    10991104        }
    11001105
    11011106        .editor-styles-wrapper .wp-block[data-align="left"] {
    1102                 margin: 0;
     1107                margin-left: 0;
    11031108        }
    11041109
    11051110        /* BLOCK: COVER */
    … … hr.wp-block-separator.is-style-dots::before { 
    14091414                font-size: 64px;
    14101415        }
    14111416
     1417        .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-pullquote blockquote p,
     1418        .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-pullquote blockquote p {
     1419                font-size: 64px;
     1420        }
     1421
    14121422        /* BLOCK: SEPARATOR */
    14131423
    14141424        hr.wp-block-separator.is-style-wide {