PluginProbe
Gutenberg / 24.1.0
Gutenberg v24.1.0
24.1.0 24.0.0 23.9.1 23.9.0 23.8.0 23.7.2 23.7.1 23.7.0 23.6.1 23.6.2 23.6.0 23.5.3 23.5.2 23.5.1 23.5.0 23.4.0 23.3.2 23.3.1 23.3.0 23.2.0 23.2.1 23.2.2 23.1.1 23.1.0 23.0.1 All 404 releases
← All changes | build/styles/block-library/editor-rtl.css +72 -144 23.6.2 → 24.1.0 View file →
@@ -337,9 +337,9 @@
337 337 font-size: 0.875em;
338 338 line-height: 1.5;
339 339 }
340 340 .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
341 - font-weight: normal;
341 + font-weight: 400;
342 342 }
343 343 .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation {
344 344 margin-top: 1em;
345 345 margin-bottom: 1em;
@@ -347,18 +347,8 @@
347 347 }
348 348 .wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
349 349 font-size: 0.875em;
350 350 }
351 -.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
352 -.wp-block-post-comments .comment-form-author label,
353 -.wp-block-comments__legacy-placeholder .comment-form-author label,
354 -.wp-block-post-comments .comment-form-email label,
355 -.wp-block-comments__legacy-placeholder .comment-form-email label,
356 -.wp-block-post-comments .comment-form-url label,
357 -.wp-block-comments__legacy-placeholder .comment-form-url label {
358 - display: block;
359 - margin-bottom: 0.25em;
360 -}
361 351 .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
362 352 .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
363 353 .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
364 354 display: block;
@@ -395,8 +385,16 @@
395 385 .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
396 386 padding: calc(0.667em + 2px);
397 387 }
398 388
389 +:where(.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label),
390 +:where(.wp-block-post-comments .comment-form-author label, .wp-block-comments__legacy-placeholder .comment-form-author label),
391 +:where(.wp-block-post-comments .comment-form-email label, .wp-block-comments__legacy-placeholder .comment-form-email label),
392 +:where(.wp-block-post-comments .comment-form-url label, .wp-block-comments__legacy-placeholder .comment-form-url label) {
393 + display: block;
394 + margin-bottom: 0.25em;
395 +}
396 +
399 397 :where(.wp-block-post-comments input[type=submit], .wp-block-comments__legacy-placeholder input[type=submit]) {
400 398 border: none;
401 399 }
402 400
@@ -478,8 +476,11 @@
478 476 }
479 477 .wp-block-cover.is-transient .wp-block-cover__inner-container {
480 478 z-index: 2;
481 479 }
480 +.wp-block-cover.is-transient .components-spinner {
481 + z-index: 3;
482 +}
482 483 .wp-block-cover .components-spinner {
483 484 position: absolute;
484 485 top: 50%;
485 486 right: 50%;
@@ -551,9 +552,10 @@
551 552 .wp-block-embed .wp-block-embed__placeholder-input {
552 553 flex: 1 1 auto;
553 554 }
554 555 .wp-block-embed .components-placeholder__error {
555 - word-break: break-word;
556 + word-break: normal;
557 + overflow-wrap: break-word;
556 558 }
557 559
558 560 .wp-block-post-content .wp-block-embed__learn-more a {
559 561 color: var(--wp-admin-theme-color);
@@ -619,59 +621,8 @@
619 621 display: inline-block;
620 622 margin-right: 0.75em;
621 623 }
622 624
623 -.wp-block-form-input .is-input-hidden {
624 - display: flex;
625 - position: relative;
626 - font-size: 0.85em;
627 - opacity: 0.3;
628 - border: 1px dashed;
629 - padding: 0.5em;
630 - box-sizing: border-box;
631 - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
632 - justify-content: center;
633 - align-items: center;
634 -}
635 -.wp-block-form-input .is-input-hidden::after {
636 - content: attr(data-message);
637 -}
638 -.wp-block-form-input.is-selected .is-input-hidden {
639 - opacity: 1;
640 - background: none;
641 -}
642 -
643 -.wp-block-form-submission-notification > * {
644 - opacity: 0.25;
645 - border: 1px dashed;
646 - box-sizing: border-box;
647 - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
648 -}
649 -.wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * {
650 - opacity: 1;
651 - background: none;
652 -}
653 -.wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after {
654 - display: none !important;
655 -}
656 -.wp-block-form-submission-notification::after {
657 - display: flex;
658 - position: absolute;
659 - width: 100%;
660 - height: 100%;
661 - top: 0;
662 - right: 0;
663 - justify-content: center;
664 - align-items: center;
665 - font-size: 1.1em;
666 -}
667 -.wp-block-form-submission-notification.form-notification-type-success::after {
668 - content: attr(data-message-success);
669 -}
670 -.wp-block-form-submission-notification.form-notification-type-error::after {
671 - content: attr(data-message-error);
672 -}
673 -
674 625 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
675 626 height: 50vh !important;
676 627 }
677 628 @media (min-width: 960px) {
@@ -703,14 +654,21 @@
703 654 .block-editor-freeform-modal__actions {
704 655 margin-top: 16px;
705 656 }
706 657
707 -:root :where(figure.wp-block-gallery) {
658 +:root :where(figure.wp-block-gallery.is-layout-flex) {
708 659 display: block;
709 660 }
710 -:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
661 +:root :where(figure.wp-block-gallery.is-layout-flex) > .blocks-gallery-caption {
711 662 flex: 0 0 100%;
712 663 }
664 +
665 +:root :where(.wp-block-gallery.is-layout-grid) > .blocks-gallery-caption,
666 +:root :where(.wp-block-gallery.is-layout-grid) > .components-placeholder,
667 +:root :where(.wp-block-gallery.is-layout-grid) > .block-editor-media-placeholder {
668 + grid-column: 1/-1;
669 +}
670 +
713 671 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
714 672 display: none;
715 673 }
716 674 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
@@ -1013,13 +971,13 @@
1013 971
1014 972 .wp-block-image {
1015 973 position: relative;
1016 974 }
1017 -.wp-block-image.is-transient:not(.alignwide):not(.alignfull) {
1018 - width: -moz-fit-content;
975 +.wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) {
1019 976 width: fit-content;
1020 977 }
1021 -.wp-block-image .is-applying img, .wp-block-image.is-transient img {
978 +.wp-block-image .is-applying img, .wp-block-image.is-transient img,
979 +.wp-block-image img.is-swapping-media {
1022 980 opacity: 0.3;
1023 981 }
1024 982 .wp-block-image figcaption img {
1025 983 display: inline;
@@ -1030,8 +988,14 @@
1030 988 right: 50%;
1031 989 transform: translate(50%, -50%);
1032 990 margin: 0;
1033 991 }
992 +.wp-block-image .components-resizable-box__container {
993 + pointer-events: none;
994 +}
995 +.wp-block-image .components-resizable-box__handle {
996 + pointer-events: auto;
997 +}
1034 998
1035 999 .wp-block-image__placeholder {
1036 1000 aspect-ratio: 4/3;
1037 1001 }
@@ -1100,38 +1064,8 @@
1100 1064 .wp-block[data-align]:has(> .wp-block-image) {
1101 1065 position: relative;
1102 1066 }
1103 1067
1104 -.wp-block-image__crop-area {
1105 - position: relative;
1106 - max-width: 100%;
1107 - width: 100%;
1108 - overflow: hidden;
1109 -}
1110 -.wp-block-image__crop-area .reactEasyCrop_Container {
1111 - pointer-events: auto;
1112 -}
1113 -.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
1114 - border: none;
1115 - border-radius: 0;
1116 -}
1117 -
1118 -.wp-block-image__crop-icon {
1119 - padding: 0 8px;
1120 - min-width: 48px;
1121 - display: flex;
1122 - justify-content: center;
1123 - align-items: center;
1124 -}
1125 -.wp-block-image__crop-icon svg {
1126 - fill: currentColor;
1127 -}
1128 -
1129 -.wp-block-image__zoom .components-popover__content {
1130 - min-width: 260px;
1131 - overflow: visible !important;
1132 -}
1133 -
1134 1068 .wp-block-image__toolbar_content_textarea__container {
1135 1069 padding: 8px;
1136 1070 }
1137 1071
@@ -1160,8 +1094,13 @@
1160 1094 font-family: Menlo, Consolas, monaco, monospace;
1161 1095 direction: ltr;
1162 1096 }
1163 1097
1098 +.wp-block-math__learn-more {
1099 + display: inline-block;
1100 + margin-top: var(--wpds-dimension-gap-sm, 8px);
1101 +}
1102 +
1164 1103 .wp-block-media-text__media {
1165 1104 position: relative;
1166 1105 }
1167 1106 .wp-block-media-text__media.is-transient img {
@@ -1274,8 +1213,12 @@
1274 1213 opacity: 1;
1275 1214 visibility: visible;
1276 1215 }
1277 1216
1217 +.wp-block-navigation__container.block-editor-block-list__layout {
1218 + flex-grow: 1;
1219 +}
1220 +
1278 1221 .is-editing > .wp-block-navigation__container {
1279 1222 visibility: visible;
1280 1223 opacity: 1;
1281 1224 display: flex;
@@ -1367,8 +1310,9 @@
1367 1310 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1368 1311 background-color: #1e1e1e;
1369 1312 color: #fff;
1370 1313 height: 24px;
1314 + width: 24px;
1371 1315 }
1372 1316 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1373 1317 padding: 0;
1374 1318 }
@@ -1782,8 +1726,12 @@
1782 1726 .wp-block-navigation__overlay-help-text-wrapper {
1783 1727 margin-top: 8px;
1784 1728 }
1785 1729
1730 +.wp-block-audio__autoplay-help-text {
1731 + grid-column: 1/-1;
1732 +}
1733 +
1786 1734 /**
1787 1735 * Appender
1788 1736 */
1789 1737 .wp-block-navigation .block-list-appender {
@@ -1804,13 +1752,15 @@
1804 1752 }
1805 1753 .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
1806 1754 visibility: visible !important;
1807 1755 opacity: 1 !important;
1808 - min-width: 200px !important;
1809 1756 height: auto !important;
1810 1757 width: auto !important;
1811 1758 overflow: visible !important;
1812 1759 }
1760 +.wp-block-navigation .has-child.is-selected:not(.open-always) > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected:not(.open-always) > .wp-block-navigation__submenu-container {
1761 + min-width: 200px !important;
1762 +}
1813 1763
1814 1764 /**
1815 1765 * Navigation Items.
1816 1766 */
@@ -1918,9 +1868,8 @@
1918 1868 }
1919 1869 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1920 1870 visibility: visible !important;
1921 1871 opacity: 1 !important;
1922 - min-width: 200px !important;
1923 1872 height: auto !important;
1924 1873 width: auto !important;
1925 1874 position: absolute;
1926 1875 right: -1px;
@@ -1940,8 +1889,11 @@
1940 1889 width: 0.5em;
1941 1890 background: transparent;
1942 1891 }
1943 1892 }
1893 +.wp-block-navigation-submenu.is-selected:not(.open-always) > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected:not(.open-always) > .wp-block-navigation__submenu-container {
1894 + min-width: 200px !important;
1895 +}
1944 1896
1945 1897 .block-editor-block-list__block[data-type="core/nextpage"] {
1946 1898 max-width: 100%;
1947 1899 text-align: center;
@@ -1991,20 +1943,8 @@
1991 1943 .wp-block-pages-list__item__link {
1992 1944 pointer-events: none;
1993 1945 }
1994 1946
1995 -@media (min-width: 600px) {
1996 - .wp-block-page-list-modal {
1997 - max-width: 480px;
1998 - }
1999 -}
2000 -
2001 -.wp-block-page-list-modal-buttons {
2002 - display: flex;
2003 - justify-content: flex-end;
2004 - gap: 12px;
2005 -}
2006 -
2007 1947 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
2008 1948 visibility: visible;
2009 1949 opacity: 1;
2010 1950 width: auto;
@@ -2070,8 +2010,12 @@
2070 2010 .wp-block-pullquote__citation {
2071 2011 color: inherit;
2072 2012 }
2073 2013
2014 +.wp-block-pullquote[style*=line-height] :where(p) {
2015 + line-height: inherit;
2016 +}
2017 +
2074 2018 .wp-block-rss li a > div {
2075 2019 display: inline;
2076 2020 }
2077 2021
@@ -2216,10 +2160,9 @@
2216 2160 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2217 2161 word-break: break-all;
2218 2162 white-space: normal;
2219 2163 text-align: start;
2220 - -moz-text-align-last: center;
2221 - text-align-last: center;
2164 + text-align-last: center;
2222 2165 }
2223 2166 .block-library-site-logo__inspector-media-replace-container img {
2224 2167 width: 20px;
2225 2168 min-width: 20px;
@@ -2242,8 +2185,12 @@
2242 2185 padding: 1em 0;
2243 2186 border: 1px dashed;
2244 2187 }
2245 2188
2189 +.wp-block-site-title.has-fit-text > * {
2190 + white-space: inherit !important;
2191 +}
2192 +
2246 2193 .wp-block-social-links .wp-social-link {
2247 2194 line-height: 0;
2248 2195 }
2249 2196
@@ -2427,22 +2374,18 @@
2427 2374 .block-editor-template-part__selection-modal {
2428 2375 z-index: 1000001;
2429 2376 }
2430 2377 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2431 - -moz-column-count: 2;
2432 - column-count: 2;
2433 - -moz-column-gap: 24px;
2434 - column-gap: 24px;
2378 + column-count: 2;
2379 + column-gap: 24px;
2435 2380 }
2436 2381 @media (min-width: 1280px) {
2437 2382 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2438 - -moz-column-count: 3;
2439 - column-count: 3;
2383 + column-count: 3;
2440 2384 }
2441 2385 }
2442 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2443 - -moz-column-break-inside: avoid;
2444 - break-inside: avoid-column;
2387 + break-inside: avoid-column;
2445 2388 }
2446 2389
2447 2390 .block-library-template-part__selection-search {
2448 2391 background: #fff;
@@ -2554,22 +2497,18 @@
2554 2497 margin-bottom: 0;
2555 2498 }
2556 2499
2557 2500 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2558 - -moz-column-count: 2;
2559 - column-count: 2;
2560 - -moz-column-gap: 24px;
2561 - column-gap: 24px;
2501 + column-count: 2;
2502 + column-gap: 24px;
2562 2503 }
2563 2504 @media (min-width: 1280px) {
2564 2505 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2565 - -moz-column-count: 3;
2566 - column-count: 3;
2506 + column-count: 3;
2567 2507 }
2568 2508 }
2569 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2570 - -moz-column-break-inside: avoid;
2571 - break-inside: avoid-column;
2510 + break-inside: avoid-column;
2572 2511 }
2573 2512 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2574 2513 background: #fff;
2575 2514 position: sticky;
@@ -2579,14 +2518,8 @@
2579 2518 margin-bottom: -4px;
2580 2519 z-index: 2;
2581 2520 }
2582 2521
2583 -@media (min-width: 600px) {
2584 - .wp-block-query__enhanced-pagination-modal {
2585 - max-width: 480px;
2586 - }
2587 -}
2588 -
2589 2522 .block-editor-block-settings-menu__popover.is-expanded {
2590 2523 overflow-y: scroll;
2591 2524 }
2592 2525 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2601,9 +2534,9 @@
2601 2534 grid-template-columns: 1fr 1fr;
2602 2535 }
2603 2536 }
2604 2537 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2605 - grid-gap: 12px;
2538 + gap: 12px;
2606 2539 min-width: 280px;
2607 2540 }
2608 2541 @media (min-width: 600px) {
2609 2542 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2624,11 +2557,8 @@
2624 2557
2625 2558 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2626 2559 max-width: 100%;
2627 2560 }
2628 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2629 - margin: 0;
2630 -}
2631 2561
2632 2562 .wp-block-query-pagination-numbers a {
2633 2563 text-decoration: underline;
2634 2564 }
@@ -2819,13 +2749,11 @@
2819 2749 height: auto !important;
2820 2750 outline: 1px solid rgba(0, 0, 0, 0.1);
2821 2751 }
2822 2752 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2823 - -o-object-fit: cover;
2824 - object-fit: cover;
2753 + object-fit: cover;
2825 2754 width: 100%;
2826 - -o-object-position: 50% 50%;
2827 - object-position: 50% 50%;
2755 + object-position: 50% 50%;
2828 2756 aspect-ratio: 2/1;
2829 2757 }
2830 2758
2831 2759 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {