PluginProbe
Gutenberg / trunk
Gutenberg vtrunk
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 → trunk 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) {