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 -100 23.8.0 → 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;
@@ -2182,10 +2160,9 @@
2182 2160 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2183 2161 word-break: break-all;
2184 2162 white-space: normal;
2185 2163 text-align: start;
2186 - -moz-text-align-last: center;
2187 - text-align-last: center;
2164 + text-align-last: center;
2188 2165 }
2189 2166 .block-library-site-logo__inspector-media-replace-container img {
2190 2167 width: 20px;
2191 2168 min-width: 20px;
@@ -2208,8 +2185,12 @@
2208 2185 padding: 1em 0;
2209 2186 border: 1px dashed;
2210 2187 }
2211 2188
2189 +.wp-block-site-title.has-fit-text > * {
2190 + white-space: inherit !important;
2191 +}
2192 +
2212 2193 .wp-block-social-links .wp-social-link {
2213 2194 line-height: 0;
2214 2195 }
2215 2196
@@ -2393,22 +2374,18 @@
2393 2374 .block-editor-template-part__selection-modal {
2394 2375 z-index: 1000001;
2395 2376 }
2396 2377 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2397 - -moz-column-count: 2;
2398 - column-count: 2;
2399 - -moz-column-gap: 24px;
2400 - column-gap: 24px;
2378 + column-count: 2;
2379 + column-gap: 24px;
2401 2380 }
2402 2381 @media (min-width: 1280px) {
2403 2382 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2404 - -moz-column-count: 3;
2405 - column-count: 3;
2383 + column-count: 3;
2406 2384 }
2407 2385 }
2408 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2409 - -moz-column-break-inside: avoid;
2410 - break-inside: avoid-column;
2387 + break-inside: avoid-column;
2411 2388 }
2412 2389
2413 2390 .block-library-template-part__selection-search {
2414 2391 background: #fff;
@@ -2520,22 +2497,18 @@
2520 2497 margin-bottom: 0;
2521 2498 }
2522 2499
2523 2500 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2524 - -moz-column-count: 2;
2525 - column-count: 2;
2526 - -moz-column-gap: 24px;
2527 - column-gap: 24px;
2501 + column-count: 2;
2502 + column-gap: 24px;
2528 2503 }
2529 2504 @media (min-width: 1280px) {
2530 2505 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2531 - -moz-column-count: 3;
2532 - column-count: 3;
2506 + column-count: 3;
2533 2507 }
2534 2508 }
2535 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2536 - -moz-column-break-inside: avoid;
2537 - break-inside: avoid-column;
2510 + break-inside: avoid-column;
2538 2511 }
2539 2512 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2540 2513 background: #fff;
2541 2514 position: sticky;
@@ -2545,14 +2518,8 @@
2545 2518 margin-bottom: -4px;
2546 2519 z-index: 2;
2547 2520 }
2548 2521
2549 -@media (min-width: 600px) {
2550 - .wp-block-query__enhanced-pagination-modal {
2551 - max-width: 480px;
2552 - }
2553 -}
2554 -
2555 2522 .block-editor-block-settings-menu__popover.is-expanded {
2556 2523 overflow-y: scroll;
2557 2524 }
2558 2525 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2567,9 +2534,9 @@
2567 2534 grid-template-columns: 1fr 1fr;
2568 2535 }
2569 2536 }
2570 2537 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2571 - grid-gap: 12px;
2538 + gap: 12px;
2572 2539 min-width: 280px;
2573 2540 }
2574 2541 @media (min-width: 600px) {
2575 2542 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2590,11 +2557,8 @@
2590 2557
2591 2558 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2592 2559 max-width: 100%;
2593 2560 }
2594 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2595 - margin: 0;
2596 -}
2597 2561
2598 2562 .wp-block-query-pagination-numbers a {
2599 2563 text-decoration: underline;
2600 2564 }
@@ -2785,13 +2749,11 @@
2785 2749 height: auto !important;
2786 2750 outline: 1px solid rgba(0, 0, 0, 0.1);
2787 2751 }
2788 2752 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2789 - -o-object-fit: cover;
2790 - object-fit: cover;
2753 + object-fit: cover;
2791 2754 width: 100%;
2792 - -o-object-position: 50% 50%;
2793 - object-position: 50% 50%;
2755 + object-position: 50% 50%;
2794 2756 aspect-ratio: 2/1;
2795 2757 }
2796 2758
2797 2759 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {