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 +54 -90 23.9.1 → 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;
@@ -552,9 +552,10 @@
552 552 .wp-block-embed .wp-block-embed__placeholder-input {
553 553 flex: 1 1 auto;
554 554 }
555 555 .wp-block-embed .components-placeholder__error {
556 - word-break: break-word;
556 + word-break: normal;
557 + overflow-wrap: break-word;
557 558 }
558 559
559 560 .wp-block-post-content .wp-block-embed__learn-more a {
560 561 color: var(--wp-admin-theme-color);
@@ -620,59 +621,8 @@
620 621 display: inline-block;
621 622 margin-right: 0.75em;
622 623 }
623 624
624 -.wp-block-form-input .is-input-hidden {
625 - display: flex;
626 - position: relative;
627 - font-size: 0.85em;
628 - opacity: 0.3;
629 - border: 1px dashed;
630 - padding: 0.5em;
631 - box-sizing: border-box;
632 - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
633 - justify-content: center;
634 - align-items: center;
635 -}
636 -.wp-block-form-input .is-input-hidden::after {
637 - content: attr(data-message);
638 -}
639 -.wp-block-form-input.is-selected .is-input-hidden {
640 - opacity: 1;
641 - background: none;
642 -}
643 -
644 -.wp-block-form-submission-notification > * {
645 - opacity: 0.25;
646 - border: 1px dashed;
647 - box-sizing: border-box;
648 - background: repeating-linear-gradient(-45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
649 -}
650 -.wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * {
651 - opacity: 1;
652 - background: none;
653 -}
654 -.wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after {
655 - display: none !important;
656 -}
657 -.wp-block-form-submission-notification::after {
658 - display: flex;
659 - position: absolute;
660 - width: 100%;
661 - height: 100%;
662 - top: 0;
663 - right: 0;
664 - justify-content: center;
665 - align-items: center;
666 - font-size: 1.1em;
667 -}
668 -.wp-block-form-submission-notification.form-notification-type-success::after {
669 - content: attr(data-message-success);
670 -}
671 -.wp-block-form-submission-notification.form-notification-type-error::after {
672 - content: attr(data-message-error);
673 -}
674 -
675 625 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
676 626 height: 50vh !important;
677 627 }
678 628 @media (min-width: 960px) {
@@ -704,14 +654,21 @@
704 654 .block-editor-freeform-modal__actions {
705 655 margin-top: 16px;
706 656 }
707 657
708 -:root :where(figure.wp-block-gallery) {
658 +:root :where(figure.wp-block-gallery.is-layout-flex) {
709 659 display: block;
710 660 }
711 -:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
661 +:root :where(figure.wp-block-gallery.is-layout-flex) > .blocks-gallery-caption {
712 662 flex: 0 0 100%;
713 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 +
714 671 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
715 672 display: none;
716 673 }
717 674 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
@@ -1015,9 +972,8 @@
1015 972 .wp-block-image {
1016 973 position: relative;
1017 974 }
1018 975 .wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) {
1019 - width: -moz-fit-content;
1020 976 width: fit-content;
1021 977 }
1022 978 .wp-block-image .is-applying img, .wp-block-image.is-transient img,
1023 979 .wp-block-image img.is-swapping-media {
@@ -1032,8 +988,14 @@
1032 988 right: 50%;
1033 989 transform: translate(50%, -50%);
1034 990 margin: 0;
1035 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 +}
1036 998
1037 999 .wp-block-image__placeholder {
1038 1000 aspect-ratio: 4/3;
1039 1001 }
@@ -1132,8 +1094,13 @@
1132 1094 font-family: Menlo, Consolas, monaco, monospace;
1133 1095 direction: ltr;
1134 1096 }
1135 1097
1098 +.wp-block-math__learn-more {
1099 + display: inline-block;
1100 + margin-top: var(--wpds-dimension-gap-sm, 8px);
1101 +}
1102 +
1136 1103 .wp-block-media-text__media {
1137 1104 position: relative;
1138 1105 }
1139 1106 .wp-block-media-text__media.is-transient img {
@@ -1246,8 +1213,12 @@
1246 1213 opacity: 1;
1247 1214 visibility: visible;
1248 1215 }
1249 1216
1217 +.wp-block-navigation__container.block-editor-block-list__layout {
1218 + flex-grow: 1;
1219 +}
1220 +
1250 1221 .is-editing > .wp-block-navigation__container {
1251 1222 visibility: visible;
1252 1223 opacity: 1;
1253 1224 display: flex;
@@ -1339,8 +1310,9 @@
1339 1310 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1340 1311 background-color: #1e1e1e;
1341 1312 color: #fff;
1342 1313 height: 24px;
1314 + width: 24px;
1343 1315 }
1344 1316 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1345 1317 padding: 0;
1346 1318 }
@@ -1754,8 +1726,12 @@
1754 1726 .wp-block-navigation__overlay-help-text-wrapper {
1755 1727 margin-top: 8px;
1756 1728 }
1757 1729
1730 +.wp-block-audio__autoplay-help-text {
1731 + grid-column: 1/-1;
1732 +}
1733 +
1758 1734 /**
1759 1735 * Appender
1760 1736 */
1761 1737 .wp-block-navigation .block-list-appender {
@@ -1776,13 +1752,15 @@
1776 1752 }
1777 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 {
1778 1754 visibility: visible !important;
1779 1755 opacity: 1 !important;
1780 - min-width: 200px !important;
1781 1756 height: auto !important;
1782 1757 width: auto !important;
1783 1758 overflow: visible !important;
1784 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 +}
1785 1763
1786 1764 /**
1787 1765 * Navigation Items.
1788 1766 */
@@ -1890,9 +1868,8 @@
1890 1868 }
1891 1869 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1892 1870 visibility: visible !important;
1893 1871 opacity: 1 !important;
1894 - min-width: 200px !important;
1895 1872 height: auto !important;
1896 1873 width: auto !important;
1897 1874 position: absolute;
1898 1875 right: -1px;
@@ -1912,8 +1889,11 @@
1912 1889 width: 0.5em;
1913 1890 background: transparent;
1914 1891 }
1915 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 +}
1916 1896
1917 1897 .block-editor-block-list__block[data-type="core/nextpage"] {
1918 1898 max-width: 100%;
1919 1899 text-align: center;
@@ -2180,10 +2160,9 @@
2180 2160 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2181 2161 word-break: break-all;
2182 2162 white-space: normal;
2183 2163 text-align: start;
2184 - -moz-text-align-last: center;
2185 - text-align-last: center;
2164 + text-align-last: center;
2186 2165 }
2187 2166 .block-library-site-logo__inspector-media-replace-container img {
2188 2167 width: 20px;
2189 2168 min-width: 20px;
@@ -2206,8 +2185,12 @@
2206 2185 padding: 1em 0;
2207 2186 border: 1px dashed;
2208 2187 }
2209 2188
2189 +.wp-block-site-title.has-fit-text > * {
2190 + white-space: inherit !important;
2191 +}
2192 +
2210 2193 .wp-block-social-links .wp-social-link {
2211 2194 line-height: 0;
2212 2195 }
2213 2196
@@ -2391,22 +2374,18 @@
2391 2374 .block-editor-template-part__selection-modal {
2392 2375 z-index: 1000001;
2393 2376 }
2394 2377 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2395 - -moz-column-count: 2;
2396 - column-count: 2;
2397 - -moz-column-gap: 24px;
2398 - column-gap: 24px;
2378 + column-count: 2;
2379 + column-gap: 24px;
2399 2380 }
2400 2381 @media (min-width: 1280px) {
2401 2382 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2402 - -moz-column-count: 3;
2403 - column-count: 3;
2383 + column-count: 3;
2404 2384 }
2405 2385 }
2406 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2407 - -moz-column-break-inside: avoid;
2408 - break-inside: avoid-column;
2387 + break-inside: avoid-column;
2409 2388 }
2410 2389
2411 2390 .block-library-template-part__selection-search {
2412 2391 background: #fff;
@@ -2518,22 +2497,18 @@
2518 2497 margin-bottom: 0;
2519 2498 }
2520 2499
2521 2500 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2522 - -moz-column-count: 2;
2523 - column-count: 2;
2524 - -moz-column-gap: 24px;
2525 - column-gap: 24px;
2501 + column-count: 2;
2502 + column-gap: 24px;
2526 2503 }
2527 2504 @media (min-width: 1280px) {
2528 2505 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2529 - -moz-column-count: 3;
2530 - column-count: 3;
2506 + column-count: 3;
2531 2507 }
2532 2508 }
2533 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2534 - -moz-column-break-inside: avoid;
2535 - break-inside: avoid-column;
2510 + break-inside: avoid-column;
2536 2511 }
2537 2512 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2538 2513 background: #fff;
2539 2514 position: sticky;
@@ -2543,14 +2518,8 @@
2543 2518 margin-bottom: -4px;
2544 2519 z-index: 2;
2545 2520 }
2546 2521
2547 -@media (min-width: 600px) {
2548 - .wp-block-query__enhanced-pagination-modal {
2549 - max-width: 480px;
2550 - }
2551 -}
2552 -
2553 2522 .block-editor-block-settings-menu__popover.is-expanded {
2554 2523 overflow-y: scroll;
2555 2524 }
2556 2525 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2565,9 +2534,9 @@
2565 2534 grid-template-columns: 1fr 1fr;
2566 2535 }
2567 2536 }
2568 2537 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2569 - grid-gap: 12px;
2538 + gap: 12px;
2570 2539 min-width: 280px;
2571 2540 }
2572 2541 @media (min-width: 600px) {
2573 2542 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2588,11 +2557,8 @@
2588 2557
2589 2558 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2590 2559 max-width: 100%;
2591 2560 }
2592 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2593 - margin: 0;
2594 -}
2595 2561
2596 2562 .wp-block-query-pagination-numbers a {
2597 2563 text-decoration: underline;
2598 2564 }
@@ -2783,13 +2749,11 @@
2783 2749 height: auto !important;
2784 2750 outline: 1px solid rgba(0, 0, 0, 0.1);
2785 2751 }
2786 2752 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2787 - -o-object-fit: cover;
2788 - object-fit: cover;
2753 + object-fit: cover;
2789 2754 width: 100%;
2790 - -o-object-position: 50% 50%;
2791 - object-position: 50% 50%;
2755 + object-position: 50% 50%;
2792 2756 aspect-ratio: 2/1;
2793 2757 }
2794 2758
2795 2759 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {