WordPress.org

Make WordPress Core

Ticket #52009: 52009.diff

File 52009.diff, 15.3 KB (added by cristinasoponar, 10 months ago)

Fixes the issue with the misalignment in Gutenberg editor for different block types in all themes

  • src/wp-content/themes/twentyeleven/editor-blocks.css

    diff --git a/src/wp-content/themes/twentyeleven/editor-blocks.css b/src/wp-content/themes/twentyeleven/editor-blocks.css
    index 2a6a25e508..004bd79e4b 100644
    a b p.has-drop-cap:not(:focus)::first-letter { 
    273273
    274274.wp-block-quote:not(.is-large):not(.is-style-large) {
    275275        border: 0;
    276         padding-left: 0;
    277         padding-right: 0;
     276        padding-left: 3em;
     277        padding-right: 3em;
    278278}
    279279
    280280.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
  • src/wp-content/themes/twentyfifteen/css/blocks.css

    diff --git a/src/wp-content/themes/twentyfifteen/css/blocks.css b/src/wp-content/themes/twentyfifteen/css/blocks.css
    index fa9d935aaa..633aded09f 100644
    a b p.has-drop-cap:not(:focus)::first-letter { 
    111111.wp-block-quote:not(.is-large):not(.is-style-large),
    112112[class^="wp-block-"] blockquote {
    113113        border-color: #707070;
     114    margin: 0 0 0 -1.0909em;
    114115}
    115116
    116117.wp-block-quote cite,
  • src/wp-content/themes/twentyfifteen/css/editor-style.css

    diff --git a/src/wp-content/themes/twentyfifteen/css/editor-style.css b/src/wp-content/themes/twentyfifteen/css/editor-style.css
    index b3cdd0f17c..33a28d7501 100644
    a b pre { 
    163163        font-size: 17px;
    164164        line-height: 1.2353;
    165165        margin-bottom: 28px;
    166         max-width: 100%;
    167166        overflow: auto;
    168167        padding: 14px;
    169168        white-space: pre;
    body.rtl { 
    461460.rtl blockquote {
    462461        border-left: none;
    463462        border-right: 4px solid #707070;
    464         margin: 0 -21px 35px 0;
    465463        padding-left: 0;
    466464        padding-right: 17px;
    467465}
  • src/wp-content/themes/twentyfourteen/css/editor-style.css

    diff --git a/src/wp-content/themes/twentyfourteen/css/editor-style.css b/src/wp-content/themes/twentyfourteen/css/editor-style.css
    index 4c5482adc2..4f91b4200b 100644
    a b pre { 
    153153pre {
    154154        border: 1px solid rgba(0, 0, 0, 0.1);
    155155        margin-bottom: 24px;
    156         max-width: 100%;
    157156        overflow: auto;
    158157        padding: 12px;
    159158        white-space: pre;
  • src/wp-content/themes/twentyseventeen/assets/css/editor-style.css

    diff --git a/src/wp-content/themes/twentyseventeen/assets/css/editor-style.css b/src/wp-content/themes/twentyseventeen/assets/css/editor-style.css
    index 82dc7067d6..00a412d4f6 100644
    a b pre { 
    149149        font-size: 0.9375rem;
    150150        line-height: 1.6;
    151151        margin-bottom: 1.6em;
    152         max-width: 100%;
    153152        overflow: auto;
    154153        padding: 1.6em;
    155154}
  • src/wp-content/themes/twentysixteen/css/editor-blocks.css

    diff --git a/src/wp-content/themes/twentysixteen/css/editor-blocks.css b/src/wp-content/themes/twentysixteen/css/editor-blocks.css
    index d9bb779b49..21b7711e6b 100644
    a b Description: Used to style blocks in the editor. 
    365365                width: -webkit-calc(50% - 0.736842105em);
    366366                width: calc(50% - 0.736842105em);
    367367        }
    368 
    369         .wp-block-quote:not(.alignleft):not(.alignright) {
    370                 margin-left: -1.473684211em;
    371         }
    372 
    373         .rtl .wp-block-quote:not(.alignleft):not(.alignright) {
    374                 margin-left: 0;
    375                 margin-right: -1.473684211em;
    376         }
    377368}
    378369
    379370@media screen and (min-width: 80em) {
  • src/wp-content/themes/twentysixteen/css/editor-style.css

    diff --git a/src/wp-content/themes/twentysixteen/css/editor-style.css b/src/wp-content/themes/twentysixteen/css/editor-style.css
    index ed48ce7f47..69584798d9 100644
    a b blockquote { 
    120120        padding: 0 0 0 24px;
    121121}
    122122
    123 blockquote:not(.alignleft):not(.alignright) {
    124         margin-left: -28px;
    125 }
    126 
    127123blockquote blockquote:not(.alignleft):not(.alignright) {
    128124        margin-left: 0;
    129125}
    pre { 
    188184        font-size: 16px;
    189185        line-height: 1.3125;
    190186        margin: 0 0 28px;
    191         max-width: 100%;
    192187        overflow: auto;
    193188        padding: 14px;
    194189        white-space: pre;
    fieldset { 
    519514}
    520515
    521516.rtl blockquote:not(.alignleft):not(.alignright) {
    522         margin-right: -28px;
    523517        padding: 0 24px 0 0;
    524518}
    525519
  • src/wp-content/themes/twentythirteen/css/editor-blocks.css

    diff --git a/src/wp-content/themes/twentythirteen/css/editor-blocks.css b/src/wp-content/themes/twentythirteen/css/editor-blocks.css
    index ebd4efa606..d50d82755a 100644
    a b p.has-drop-cap:not(:focus)::first-letter { 
    220220.wp-block-quote:not(.is-large):not(.is-style-large) {
    221221        border-left: 0;
    222222        border-right: 0;
    223         padding-left: 0;
    224         padding-right: 0;
     223        padding-left: 40px;
     224        padding-right: 40px;
    225225}
    226226
    227227.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
  • 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 39def30bd3..142961db1b 100644
    a b  
    11/* ------------------------------------------- */
    22
    3 /*      Twenty Twenty Editor Styles ΓÇö Block Editor
     3/*  Twenty Twenty Editor Styles ΓÇö Block Editor
    44/* ------------------------------------------- */
    55
    66.editor-styles-wrapper {
    hr.wp-block-separator.is-style-dots::before { 
    619619        border-color: #cd2653;
    620620        border-style: solid;
    621621        border-width: 0 2px 0 0;
    622         margin: 20px 0;
    623622        padding: 5px 20px 5px 0;
    624623}
    625624
    hr.wp-block-separator.is-style-dots::before { 
    10831082}
    10841083
    10851084
    1086 /*      X.      Media Queries
     1085/*  X.  Media Queries
    10871086/* ------------------------------------------- */
    10881087
    10891088
  • 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 e6e1d39b21..ccb1be3be6 100644
    a b  
    11/* ------------------------------------------- */
    22
    3 /*      Twenty Twenty Editor Styles ΓÇö Block Editor
     3/*  Twenty Twenty Editor Styles ΓÇö Block Editor
    44/* ------------------------------------------- */
    55
    66.editor-styles-wrapper {
    hr.wp-block-separator.is-style-dots::before { 
    619619        border-color: #cd2653;
    620620        border-style: solid;
    621621        border-width: 0 0 0 2px;
    622         margin: 20px 0;
    623622        padding: 5px 0 5px 20px;
    624623}
    625624
    hr.wp-block-separator.is-style-dots::before { 
    10761075/* Block: List ------------------------------- */
    10771076
    10781077
    1079 /*      X.      Media Queries
     1078/*  X.  Media Queries
    10801079/* ------------------------------------------- */
    10811080
    10821081
  • src/wp-content/themes/twentytwentyone/assets/css/style-editor.css

    diff --git a/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css b/src/wp-content/themes/twentytwentyone/assets/css/style-editor.css
    index 54693391b7..d1d7af569f 100644
    a b  
    311311}
    312312
    313313blockquote {
    314         padding: 0;
     314        padding: 0 0 0 var(--global--spacing-unit);
    315315        position: relative;
    316316        margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
    317317}
    pre.wp-block-preformatted { 
    15011501        content: "ΓÇ£";
    15021502        font-size: var(--quote--font-size);
    15031503        line-height: var(--quote--line-height);
    1504         left: calc(-0.5 * var(--global--spacing-horizontal));
     1504        left: calc(0.4 * var(--global--spacing-unit));
    15051505}
    15061506
    15071507.wp-block-quote .wp-block-quote__citation {