WordPress.org

Make WordPress Core

Ticket #52433: 52433.patch

File 52433.patch, 9.1 KB (added by poena, 9 months ago)

Adjust padding in the blocks editor styles

  • wp-content/themes/twentytwentyone/assets/css/ie-editor.css

     
    23092309        border-color: #28303d !important;
    23102310}
    23112311
    2312 .wp-block-search .wp-block-search__button {
     2312.wp-block-search .wp-block-search__button.wp-block-search__button {
    23132313        border: 3px solid transparent;
    23142314        border-radius: 0;
    23152315        cursor: pointer;
     
    23242324        margin-left: 0;
    23252325}
    23262326
    2327 .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
     2327.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
    23282328        color: #d1e4dd;
    23292329}
    23302330
    2331 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
     2331.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
    23322332        color: #28303d;
    23332333}
    23342334
    2335 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background {
     2335.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background {
    23362336        color: #28303d;
    23372337}
    23382338
    2339 .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) {
     2339.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
    23402340        background-color: #28303d;
    23412341}
    23422342
    2343 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) {
     2343.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
    23442344        background-color: #28303d;
    23452345}
    23462346
    2347 .wp-block-search .wp-block-search__button:hover,
    2348 .wp-block-search .wp-block-search__button:active {
     2347.wp-block-search .wp-block-search__button.wp-block-search__button:hover,
     2348.wp-block-search .wp-block-search__button.wp-block-search__button:active {
    23492349        background-color: transparent;
    23502350        border-color: currentColor;
    23512351        color: inherit;
    23522352}
    23532353
    2354 .wp-block-search .wp-block-search__button:focus {
     2354.wp-block-search .wp-block-search__button.wp-block-search__button:focus {
    23552355        outline-offset: -6px;
    23562356        outline: 2px dotted currentColor;
    23572357}
    23582358
    2359 .wp-block-search .wp-block-search__button:disabled {
     2359.wp-block-search .wp-block-search__button.wp-block-search__button:disabled {
    23602360        background-color: rgba(255, 255, 255, 0.5);
    23612361        border-color: rgba(255, 255, 255, 0.5);
    23622362        color: #39414d;
    23632363}
    23642364
    2365 .wp-block-search .wp-block-search__button.has-icon {
    2366         padding: 30px 15px;
     2365.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon {
     2366        padding: 6px 15px;
    23672367        display: inherit;
    23682368}
    23692369
    2370 .wp-block-search .wp-block-search__button.has-icon svg {
     2370.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg {
    23712371        width: 40px;
    23722372        height: 40px;
    23732373}
    23742374
    2375 .has-background .wp-block-search .wp-block-search__button:hover {
     2375.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover {
    23762376        background-color: #d1e4dd !important;
    23772377        color: #28303d !important;
    23782378}
    23792379
    2380 .has-background .wp-block-search .wp-block-search__button:active {
     2380.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active {
    23812381        background-color: #d1e4dd !important;
    23822382        color: #28303d !important;
    23832383}
    23842384
    2385 .has-text-color .wp-block-search .wp-block-search__button:hover {
     2385.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover {
    23862386        color: #28303d !important;
    23872387}
    23882388
    2389 .has-text-color .wp-block-search .wp-block-search__button:active {
     2389.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active {
    23902390        color: #28303d !important;
    23912391}
    23922392
    2393 .wp-block-search .wp-block-search__button:focus {
     2393.wp-block-search .wp-block-search__button.wp-block-search__button:focus {
    23942394        outline-offset: inherit;
    23952395        outline: inherit;
    23962396}
  • wp-content/themes/twentytwentyone/assets/css/style-editor.css

     
    18191819        border-color: var(--local--color-primary, var(--global--color-primary)) !important;
    18201820}
    18211821
    1822 .wp-block-search .wp-block-search__button {
     1822.wp-block-search .wp-block-search__button.wp-block-search__button {
    18231823        border: var(--button--border-width) solid transparent;
    18241824        border-radius: var(--button--border-radius);
    18251825        cursor: pointer;
     
    18341834        margin-left: 0;
    18351835}
    18361836
    1837 .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
     1837.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
    18381838        color: var(--global--color-background);
    18391839}
    18401840
    1841 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
     1841.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) {
    18421842        color: var(--local--color-background, var(--global--color-primary));
    18431843}
    18441844
    1845 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background {
     1845.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background {
    18461846        color: var(--global--color-primary);
    18471847}
    18481848
    1849 .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) {
     1849.wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
    18501850        background-color: var(--global--color-primary);
    18511851}
    18521852
    1853 .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background) {
     1853.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) {
    18541854        background-color: var(--local--color-primary, var(--global--color-primary));
    18551855}
    18561856
    1857 .wp-block-search .wp-block-search__button:hover,
    1858 .wp-block-search .wp-block-search__button:active {
     1857.wp-block-search .wp-block-search__button.wp-block-search__button:hover,
     1858.wp-block-search .wp-block-search__button.wp-block-search__button:active {
    18591859        background-color: transparent;
    18601860        border-color: currentColor;
    18611861        color: inherit;
    18621862}
    18631863
    1864 .wp-block-search .wp-block-search__button:focus {
     1864.wp-block-search .wp-block-search__button.wp-block-search__button:focus {
    18651865        outline-offset: -6px;
    18661866        outline: 2px dotted currentColor;
    18671867}
    18681868
    1869 .wp-block-search .wp-block-search__button:disabled {
     1869.wp-block-search .wp-block-search__button.wp-block-search__button:disabled {
    18701870        background-color: var(--global--color-white-50);
    18711871        border-color: var(--global--color-white-50);
    18721872        color: var(--button--color-text-active);
    18731873}
    18741874
    1875 .wp-block-search .wp-block-search__button.has-icon {
    1876         padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
     1875.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon {
     1876        padding: 6px calc(0.5 * var(--button--padding-horizontal));
    18771877        display: inherit;
    18781878}
    18791879
    1880 .wp-block-search .wp-block-search__button.has-icon svg {
     1880.wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg {
    18811881        width: 40px;
    18821882        height: 40px;
    18831883}
    18841884
    1885 .has-background .wp-block-search .wp-block-search__button:hover,
    1886 .has-background .wp-block-search .wp-block-search__button:active {
     1885.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
     1886.has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active {
    18871887        background-color: var(--local--color-background, var(--global--color-background)) !important;
    18881888        color: var(--local--color-primary, var(--global--color-primary)) !important;
    18891889}
    18901890
    1891 .has-text-color .wp-block-search .wp-block-search__button:hover,
    1892 .has-text-color .wp-block-search .wp-block-search__button:active {
     1891.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover,
     1892.has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active {
    18931893        color: var(--local--color-primary, var(--global--color-primary)) !important;
    18941894}
    18951895
    1896 .wp-block-search .wp-block-search__button:focus {
     1896.wp-block-search .wp-block-search__button.wp-block-search__button:focus {
    18971897        outline-offset: inherit;
    18981898        outline: inherit;
    18991899}
  • wp-content/themes/twentytwentyone/assets/sass/05-blocks/search/_editor.scss

     
    2727                }
    2828        }
    2929
    30         .wp-block-search__button {
     30        .wp-block-search__button.wp-block-search__button {
    3131                @include button-style();
    3232                box-shadow: none;
    3333                margin-left: 0;
    3434
    3535                &.has-icon {
    36                         padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));
     36                        padding: 6px calc(0.5 * var(--button--padding-horizontal));
    3737                        display: inherit;
    3838
    3939                        svg {