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.css +54 -90 23.9.0 → 24.1.0 View file →
@@ -338,9 +338,9 @@
338 338 font-size: 0.875em;
339 339 line-height: 1.5;
340 340 }
341 341 .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
342 - font-weight: normal;
342 + font-weight: 400;
343 343 }
344 344 .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation {
345 345 margin-top: 1em;
346 346 margin-bottom: 1em;
@@ -554,9 +554,10 @@
554 554 .wp-block-embed .wp-block-embed__placeholder-input {
555 555 flex: 1 1 auto;
556 556 }
557 557 .wp-block-embed .components-placeholder__error {
558 - word-break: break-word;
558 + word-break: normal;
559 + overflow-wrap: break-word;
559 560 }
560 561
561 562 .wp-block-post-content .wp-block-embed__learn-more a {
562 563 color: var(--wp-admin-theme-color);
@@ -622,59 +623,8 @@
622 623 display: inline-block;
623 624 margin-left: 0.75em;
624 625 }
625 626
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 - left: 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 627 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
678 628 height: 50vh !important;
679 629 }
680 630 @media (min-width: 960px) {
@@ -706,14 +656,21 @@
706 656 .block-editor-freeform-modal__actions {
707 657 margin-top: 16px;
708 658 }
709 659
710 -:root :where(figure.wp-block-gallery) {
660 +:root :where(figure.wp-block-gallery.is-layout-flex) {
711 661 display: block;
712 662 }
713 -:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
663 +:root :where(figure.wp-block-gallery.is-layout-flex) > .blocks-gallery-caption {
714 664 flex: 0 0 100%;
715 665 }
666 +
667 +:root :where(.wp-block-gallery.is-layout-grid) > .blocks-gallery-caption,
668 +:root :where(.wp-block-gallery.is-layout-grid) > .components-placeholder,
669 +:root :where(.wp-block-gallery.is-layout-grid) > .block-editor-media-placeholder {
670 + grid-column: 1/-1;
671 +}
672 +
716 673 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
717 674 display: none;
718 675 }
719 676 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
@@ -1018,9 +975,8 @@
1018 975 .wp-block-image {
1019 976 position: relative;
1020 977 }
1021 978 .wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) {
1022 - width: -moz-fit-content;
1023 979 width: fit-content;
1024 980 }
1025 981 .wp-block-image .is-applying img, .wp-block-image.is-transient img,
1026 982 .wp-block-image img.is-swapping-media {
@@ -1035,8 +991,14 @@
1035 991 left: 50%;
1036 992 transform: translate(-50%, -50%);
1037 993 margin: 0;
1038 994 }
995 +.wp-block-image .components-resizable-box__container {
996 + pointer-events: none;
997 +}
998 +.wp-block-image .components-resizable-box__handle {
999 + pointer-events: auto;
1000 +}
1039 1001
1040 1002 .wp-block-image__placeholder {
1041 1003 aspect-ratio: 4/3;
1042 1004 }
@@ -1136,8 +1098,13 @@
1136 1098 /*rtl:ignore*/
1137 1099 direction: ltr;
1138 1100 }
1139 1101
1102 +.wp-block-math__learn-more {
1103 + display: inline-block;
1104 + margin-top: var(--wpds-dimension-gap-sm, 8px);
1105 +}
1106 +
1140 1107 .wp-block-media-text__media {
1141 1108 position: relative;
1142 1109 }
1143 1110 .wp-block-media-text__media.is-transient img {
@@ -1250,8 +1217,12 @@
1250 1217 opacity: 1;
1251 1218 visibility: visible;
1252 1219 }
1253 1220
1221 +.wp-block-navigation__container.block-editor-block-list__layout {
1222 + flex-grow: 1;
1223 +}
1224 +
1254 1225 .is-editing > .wp-block-navigation__container {
1255 1226 visibility: visible;
1256 1227 opacity: 1;
1257 1228 display: flex;
@@ -1343,8 +1314,9 @@
1343 1314 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1344 1315 background-color: #1e1e1e;
1345 1316 color: #fff;
1346 1317 height: 24px;
1318 + width: 24px;
1347 1319 }
1348 1320 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1349 1321 padding: 0;
1350 1322 }
@@ -1758,8 +1730,12 @@
1758 1730 .wp-block-navigation__overlay-help-text-wrapper {
1759 1731 margin-top: 8px;
1760 1732 }
1761 1733
1734 +.wp-block-audio__autoplay-help-text {
1735 + grid-column: 1/-1;
1736 +}
1737 +
1762 1738 /**
1763 1739 * Appender
1764 1740 */
1765 1741 .wp-block-navigation .block-list-appender {
@@ -1780,13 +1756,15 @@
1780 1756 }
1781 1757 .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 {
1782 1758 visibility: visible !important;
1783 1759 opacity: 1 !important;
1784 - min-width: 200px !important;
1785 1760 height: auto !important;
1786 1761 width: auto !important;
1787 1762 overflow: visible !important;
1788 1763 }
1764 +.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 {
1765 + min-width: 200px !important;
1766 +}
1789 1767
1790 1768 /**
1791 1769 * Navigation Items.
1792 1770 */
@@ -1894,9 +1872,8 @@
1894 1872 }
1895 1873 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1896 1874 visibility: visible !important;
1897 1875 opacity: 1 !important;
1898 - min-width: 200px !important;
1899 1876 height: auto !important;
1900 1877 width: auto !important;
1901 1878 position: absolute;
1902 1879 left: -1px;
@@ -1916,8 +1893,11 @@
1916 1893 width: 0.5em;
1917 1894 background: transparent;
1918 1895 }
1919 1896 }
1897 +.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 {
1898 + min-width: 200px !important;
1899 +}
1920 1900
1921 1901 .block-editor-block-list__block[data-type="core/nextpage"] {
1922 1902 max-width: 100%;
1923 1903 text-align: center;
@@ -2184,10 +2164,9 @@
2184 2164 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2185 2165 word-break: break-all;
2186 2166 white-space: normal;
2187 2167 text-align: start;
2188 - -moz-text-align-last: center;
2189 - text-align-last: center;
2168 + text-align-last: center;
2190 2169 }
2191 2170 .block-library-site-logo__inspector-media-replace-container img {
2192 2171 width: 20px;
2193 2172 min-width: 20px;
@@ -2210,8 +2189,12 @@
2210 2189 padding: 1em 0;
2211 2190 border: 1px dashed;
2212 2191 }
2213 2192
2193 +.wp-block-site-title.has-fit-text > * {
2194 + white-space: inherit !important;
2195 +}
2196 +
2214 2197 .wp-block-social-links .wp-social-link {
2215 2198 line-height: 0;
2216 2199 }
2217 2200
@@ -2395,22 +2378,18 @@
2395 2378 .block-editor-template-part__selection-modal {
2396 2379 z-index: 1000001;
2397 2380 }
2398 2381 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2399 - -moz-column-count: 2;
2400 - column-count: 2;
2401 - -moz-column-gap: 24px;
2402 - column-gap: 24px;
2382 + column-count: 2;
2383 + column-gap: 24px;
2403 2384 }
2404 2385 @media (min-width: 1280px) {
2405 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2406 - -moz-column-count: 3;
2407 - column-count: 3;
2387 + column-count: 3;
2408 2388 }
2409 2389 }
2410 2390 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2411 - -moz-column-break-inside: avoid;
2412 - break-inside: avoid-column;
2391 + break-inside: avoid-column;
2413 2392 }
2414 2393
2415 2394 .block-library-template-part__selection-search {
2416 2395 background: #fff;
@@ -2522,22 +2501,18 @@
2522 2501 margin-bottom: 0;
2523 2502 }
2524 2503
2525 2504 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2526 - -moz-column-count: 2;
2527 - column-count: 2;
2528 - -moz-column-gap: 24px;
2529 - column-gap: 24px;
2505 + column-count: 2;
2506 + column-gap: 24px;
2530 2507 }
2531 2508 @media (min-width: 1280px) {
2532 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2533 - -moz-column-count: 3;
2534 - column-count: 3;
2510 + column-count: 3;
2535 2511 }
2536 2512 }
2537 2513 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2538 - -moz-column-break-inside: avoid;
2539 - break-inside: avoid-column;
2514 + break-inside: avoid-column;
2540 2515 }
2541 2516 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2542 2517 background: #fff;
2543 2518 position: sticky;
@@ -2547,14 +2522,8 @@
2547 2522 margin-bottom: -4px;
2548 2523 z-index: 2;
2549 2524 }
2550 2525
2551 -@media (min-width: 600px) {
2552 - .wp-block-query__enhanced-pagination-modal {
2553 - max-width: 480px;
2554 - }
2555 -}
2556 -
2557 2526 .block-editor-block-settings-menu__popover.is-expanded {
2558 2527 overflow-y: scroll;
2559 2528 }
2560 2529 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2569,9 +2538,9 @@
2569 2538 grid-template-columns: 1fr 1fr;
2570 2539 }
2571 2540 }
2572 2541 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2573 - grid-gap: 12px;
2542 + gap: 12px;
2574 2543 min-width: 280px;
2575 2544 }
2576 2545 @media (min-width: 600px) {
2577 2546 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2592,11 +2561,8 @@
2592 2561
2593 2562 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2594 2563 max-width: 100%;
2595 2564 }
2596 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2597 - margin: 0;
2598 -}
2599 2565
2600 2566 .wp-block-query-pagination-numbers a {
2601 2567 text-decoration: underline;
2602 2568 }
@@ -2788,13 +2754,11 @@
2788 2754 height: auto !important;
2789 2755 outline: 1px solid rgba(0, 0, 0, 0.1);
2790 2756 }
2791 2757 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2792 - -o-object-fit: cover;
2793 - object-fit: cover;
2758 + object-fit: cover;
2794 2759 width: 100%;
2795 - -o-object-position: 50% 50%;
2796 - object-position: 50% 50%;
2760 + object-position: 50% 50%;
2797 2761 aspect-ratio: 2/1;
2798 2762 }
2799 2763
2800 2764 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {