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 +72 -144 23.6.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
@@ -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) {