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 +62 -112 23.7.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
@@ -554,9 +552,10 @@
554 552 .wp-block-embed .wp-block-embed__placeholder-input {
555 553 flex: 1 1 auto;
556 554 }
557 555 .wp-block-embed .components-placeholder__error {
558 - word-break: break-word;
556 + word-break: normal;
557 + overflow-wrap: break-word;
559 558 }
560 559
561 560 .wp-block-post-content .wp-block-embed__learn-more a {
562 561 color: var(--wp-admin-theme-color);
@@ -622,59 +621,8 @@
622 621 display: inline-block;
623 622 margin-right: 0.75em;
624 623 }
625 624
626 -.wp-block-form-input .is-input-hidden {
627 - display: flex;
628 - position: relative;
629 - font-size: 0.85em;
630 - opacity: 0.3;
631 - border: 1px dashed;
632 - padding: 0.5em;
633 - box-sizing: border-box;
634 - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
635 - justify-content: center;
636 - align-items: center;
637 -}
638 -.wp-block-form-input .is-input-hidden::after {
639 - content: attr(data-message);
640 -}
641 -.wp-block-form-input.is-selected .is-input-hidden {
642 - opacity: 1;
643 - background: none;
644 -}
645 -
646 -.wp-block-form-submission-notification > * {
647 - opacity: 0.25;
648 - border: 1px dashed;
649 - box-sizing: border-box;
650 - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
651 -}
652 -.wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * {
653 - opacity: 1;
654 - background: none;
655 -}
656 -.wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after {
657 - display: none !important;
658 -}
659 -.wp-block-form-submission-notification::after {
660 - display: flex;
661 - position: absolute;
662 - width: 100%;
663 - height: 100%;
664 - top: 0;
665 - right: 0;
666 - justify-content: center;
667 - align-items: center;
668 - font-size: 1.1em;
669 -}
670 -.wp-block-form-submission-notification.form-notification-type-success::after {
671 - content: attr(data-message-success);
672 -}
673 -.wp-block-form-submission-notification.form-notification-type-error::after {
674 - content: attr(data-message-error);
675 -}
676 -
677 625 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
678 626 height: 50vh !important;
679 627 }
680 628 @media (min-width: 960px) {
@@ -706,14 +654,21 @@
706 654 .block-editor-freeform-modal__actions {
707 655 margin-top: 16px;
708 656 }
709 657
710 -:root :where(figure.wp-block-gallery) {
658 +:root :where(figure.wp-block-gallery.is-layout-flex) {
711 659 display: block;
712 660 }
713 -:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
661 +:root :where(figure.wp-block-gallery.is-layout-flex) > .blocks-gallery-caption {
714 662 flex: 0 0 100%;
715 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 +
716 671 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
717 672 display: none;
718 673 }
719 674 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
@@ -1017,9 +972,8 @@
1017 972 .wp-block-image {
1018 973 position: relative;
1019 974 }
1020 975 .wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) {
1021 - width: -moz-fit-content;
1022 976 width: fit-content;
1023 977 }
1024 978 .wp-block-image .is-applying img, .wp-block-image.is-transient img,
1025 979 .wp-block-image img.is-swapping-media {
@@ -1034,8 +988,14 @@
1034 988 right: 50%;
1035 989 transform: translate(50%, -50%);
1036 990 margin: 0;
1037 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 +}
1038 998
1039 999 .wp-block-image__placeholder {
1040 1000 aspect-ratio: 4/3;
1041 1001 }
@@ -1134,8 +1094,13 @@
1134 1094 font-family: Menlo, Consolas, monaco, monospace;
1135 1095 direction: ltr;
1136 1096 }
1137 1097
1098 +.wp-block-math__learn-more {
1099 + display: inline-block;
1100 + margin-top: var(--wpds-dimension-gap-sm, 8px);
1101 +}
1102 +
1138 1103 .wp-block-media-text__media {
1139 1104 position: relative;
1140 1105 }
1141 1106 .wp-block-media-text__media.is-transient img {
@@ -1248,8 +1213,12 @@
1248 1213 opacity: 1;
1249 1214 visibility: visible;
1250 1215 }
1251 1216
1217 +.wp-block-navigation__container.block-editor-block-list__layout {
1218 + flex-grow: 1;
1219 +}
1220 +
1252 1221 .is-editing > .wp-block-navigation__container {
1253 1222 visibility: visible;
1254 1223 opacity: 1;
1255 1224 display: flex;
@@ -1341,8 +1310,9 @@
1341 1310 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1342 1311 background-color: #1e1e1e;
1343 1312 color: #fff;
1344 1313 height: 24px;
1314 + width: 24px;
1345 1315 }
1346 1316 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1347 1317 padding: 0;
1348 1318 }
@@ -1756,8 +1726,12 @@
1756 1726 .wp-block-navigation__overlay-help-text-wrapper {
1757 1727 margin-top: 8px;
1758 1728 }
1759 1729
1730 +.wp-block-audio__autoplay-help-text {
1731 + grid-column: 1/-1;
1732 +}
1733 +
1760 1734 /**
1761 1735 * Appender
1762 1736 */
1763 1737 .wp-block-navigation .block-list-appender {
@@ -1778,13 +1752,15 @@
1778 1752 }
1779 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 {
1780 1754 visibility: visible !important;
1781 1755 opacity: 1 !important;
1782 - min-width: 200px !important;
1783 1756 height: auto !important;
1784 1757 width: auto !important;
1785 1758 overflow: visible !important;
1786 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 +}
1787 1763
1788 1764 /**
1789 1765 * Navigation Items.
1790 1766 */
@@ -1892,9 +1868,8 @@
1892 1868 }
1893 1869 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1894 1870 visibility: visible !important;
1895 1871 opacity: 1 !important;
1896 - min-width: 200px !important;
1897 1872 height: auto !important;
1898 1873 width: auto !important;
1899 1874 position: absolute;
1900 1875 right: -1px;
@@ -1914,8 +1889,11 @@
1914 1889 width: 0.5em;
1915 1890 background: transparent;
1916 1891 }
1917 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 +}
1918 1896
1919 1897 .block-editor-block-list__block[data-type="core/nextpage"] {
1920 1898 max-width: 100%;
1921 1899 text-align: center;
@@ -1965,20 +1943,8 @@
1965 1943 .wp-block-pages-list__item__link {
1966 1944 pointer-events: none;
1967 1945 }
1968 1946
1969 -@media (min-width: 600px) {
1970 - .wp-block-page-list-modal {
1971 - max-width: 480px;
1972 - }
1973 -}
1974 -
1975 -.wp-block-page-list-modal-buttons {
1976 - display: flex;
1977 - justify-content: flex-end;
1978 - gap: 12px;
1979 -}
1980 -
1981 1947 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
1982 1948 visibility: visible;
1983 1949 opacity: 1;
1984 1950 width: auto;
@@ -2194,10 +2160,9 @@
2194 2160 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2195 2161 word-break: break-all;
2196 2162 white-space: normal;
2197 2163 text-align: start;
2198 - -moz-text-align-last: center;
2199 - text-align-last: center;
2164 + text-align-last: center;
2200 2165 }
2201 2166 .block-library-site-logo__inspector-media-replace-container img {
2202 2167 width: 20px;
2203 2168 min-width: 20px;
@@ -2220,8 +2185,12 @@
2220 2185 padding: 1em 0;
2221 2186 border: 1px dashed;
2222 2187 }
2223 2188
2189 +.wp-block-site-title.has-fit-text > * {
2190 + white-space: inherit !important;
2191 +}
2192 +
2224 2193 .wp-block-social-links .wp-social-link {
2225 2194 line-height: 0;
2226 2195 }
2227 2196
@@ -2405,22 +2374,18 @@
2405 2374 .block-editor-template-part__selection-modal {
2406 2375 z-index: 1000001;
2407 2376 }
2408 2377 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2409 - -moz-column-count: 2;
2410 - column-count: 2;
2411 - -moz-column-gap: 24px;
2412 - column-gap: 24px;
2378 + column-count: 2;
2379 + column-gap: 24px;
2413 2380 }
2414 2381 @media (min-width: 1280px) {
2415 2382 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2416 - -moz-column-count: 3;
2417 - column-count: 3;
2383 + column-count: 3;
2418 2384 }
2419 2385 }
2420 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2421 - -moz-column-break-inside: avoid;
2422 - break-inside: avoid-column;
2387 + break-inside: avoid-column;
2423 2388 }
2424 2389
2425 2390 .block-library-template-part__selection-search {
2426 2391 background: #fff;
@@ -2532,22 +2497,18 @@
2532 2497 margin-bottom: 0;
2533 2498 }
2534 2499
2535 2500 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2536 - -moz-column-count: 2;
2537 - column-count: 2;
2538 - -moz-column-gap: 24px;
2539 - column-gap: 24px;
2501 + column-count: 2;
2502 + column-gap: 24px;
2540 2503 }
2541 2504 @media (min-width: 1280px) {
2542 2505 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2543 - -moz-column-count: 3;
2544 - column-count: 3;
2506 + column-count: 3;
2545 2507 }
2546 2508 }
2547 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2548 - -moz-column-break-inside: avoid;
2549 - break-inside: avoid-column;
2510 + break-inside: avoid-column;
2550 2511 }
2551 2512 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2552 2513 background: #fff;
2553 2514 position: sticky;
@@ -2557,14 +2518,8 @@
2557 2518 margin-bottom: -4px;
2558 2519 z-index: 2;
2559 2520 }
2560 2521
2561 -@media (min-width: 600px) {
2562 - .wp-block-query__enhanced-pagination-modal {
2563 - max-width: 480px;
2564 - }
2565 -}
2566 -
2567 2522 .block-editor-block-settings-menu__popover.is-expanded {
2568 2523 overflow-y: scroll;
2569 2524 }
2570 2525 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2579,9 +2534,9 @@
2579 2534 grid-template-columns: 1fr 1fr;
2580 2535 }
2581 2536 }
2582 2537 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2583 - grid-gap: 12px;
2538 + gap: 12px;
2584 2539 min-width: 280px;
2585 2540 }
2586 2541 @media (min-width: 600px) {
2587 2542 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2602,11 +2557,8 @@
2602 2557
2603 2558 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2604 2559 max-width: 100%;
2605 2560 }
2606 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2607 - margin: 0;
2608 -}
2609 2561
2610 2562 .wp-block-query-pagination-numbers a {
2611 2563 text-decoration: underline;
2612 2564 }
@@ -2797,13 +2749,11 @@
2797 2749 height: auto !important;
2798 2750 outline: 1px solid rgba(0, 0, 0, 0.1);
2799 2751 }
2800 2752 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2801 - -o-object-fit: cover;
2802 - object-fit: cover;
2753 + object-fit: cover;
2803 2754 width: 100%;
2804 - -o-object-position: 50% 50%;
2805 - object-position: 50% 50%;
2755 + object-position: 50% 50%;
2806 2756 aspect-ratio: 2/1;
2807 2757 }
2808 2758
2809 2759 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {