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 +62 -100 23.8.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;
@@ -348,18 +348,8 @@
348 348 }
349 349 .wp-block-post-comments .comment-body .commentmetadata, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
350 350 font-size: 0.875em;
351 351 }
352 -.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
353 -.wp-block-post-comments .comment-form-author label,
354 -.wp-block-comments__legacy-placeholder .comment-form-author label,
355 -.wp-block-post-comments .comment-form-email label,
356 -.wp-block-comments__legacy-placeholder .comment-form-email label,
357 -.wp-block-post-comments .comment-form-url label,
358 -.wp-block-comments__legacy-placeholder .comment-form-url label {
359 - display: block;
360 - margin-bottom: 0.25em;
361 -}
362 352 .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
363 353 .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
364 354 .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
365 355 display: block;
@@ -396,8 +386,16 @@
396 386 .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
397 387 padding: calc(0.667em + 2px);
398 388 }
399 389
390 +:where(.wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label),
391 +:where(.wp-block-post-comments .comment-form-author label, .wp-block-comments__legacy-placeholder .comment-form-author label),
392 +:where(.wp-block-post-comments .comment-form-email label, .wp-block-comments__legacy-placeholder .comment-form-email label),
393 +:where(.wp-block-post-comments .comment-form-url label, .wp-block-comments__legacy-placeholder .comment-form-url label) {
394 + display: block;
395 + margin-bottom: 0.25em;
396 +}
397 +
400 398 :where(.wp-block-post-comments input[type=submit], .wp-block-comments__legacy-placeholder input[type=submit]) {
401 399 border: none;
402 400 }
403 401
@@ -556,9 +554,10 @@
556 554 .wp-block-embed .wp-block-embed__placeholder-input {
557 555 flex: 1 1 auto;
558 556 }
559 557 .wp-block-embed .components-placeholder__error {
560 - word-break: break-word;
558 + word-break: normal;
559 + overflow-wrap: break-word;
561 560 }
562 561
563 562 .wp-block-post-content .wp-block-embed__learn-more a {
564 563 color: var(--wp-admin-theme-color);
@@ -624,59 +623,8 @@
624 623 display: inline-block;
625 624 margin-left: 0.75em;
626 625 }
627 626
628 -.wp-block-form-input .is-input-hidden {
629 - display: flex;
630 - position: relative;
631 - font-size: 0.85em;
632 - opacity: 0.3;
633 - border: 1px dashed;
634 - padding: 0.5em;
635 - box-sizing: border-box;
636 - background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
637 - justify-content: center;
638 - align-items: center;
639 -}
640 -.wp-block-form-input .is-input-hidden::after {
641 - content: attr(data-message);
642 -}
643 -.wp-block-form-input.is-selected .is-input-hidden {
644 - opacity: 1;
645 - background: none;
646 -}
647 -
648 -.wp-block-form-submission-notification > * {
649 - opacity: 0.25;
650 - border: 1px dashed;
651 - box-sizing: border-box;
652 - background: repeating-linear-gradient(45deg, transparent, transparent 5px, currentColor 5px, currentColor 6px);
653 -}
654 -.wp-block-form-submission-notification.is-selected > *, .wp-block-form-submission-notification:has(.is-selected) > * {
655 - opacity: 1;
656 - background: none;
657 -}
658 -.wp-block-form-submission-notification.is-selected::after, .wp-block-form-submission-notification:has(.is-selected)::after {
659 - display: none !important;
660 -}
661 -.wp-block-form-submission-notification::after {
662 - display: flex;
663 - position: absolute;
664 - width: 100%;
665 - height: 100%;
666 - top: 0;
667 - left: 0;
668 - justify-content: center;
669 - align-items: center;
670 - font-size: 1.1em;
671 -}
672 -.wp-block-form-submission-notification.form-notification-type-success::after {
673 - content: attr(data-message-success);
674 -}
675 -.wp-block-form-submission-notification.form-notification-type-error::after {
676 - content: attr(data-message-error);
677 -}
678 -
679 627 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe {
680 628 height: 50vh !important;
681 629 }
682 630 @media (min-width: 960px) {
@@ -708,14 +656,21 @@
708 656 .block-editor-freeform-modal__actions {
709 657 margin-top: 16px;
710 658 }
711 659
712 -:root :where(figure.wp-block-gallery) {
660 +:root :where(figure.wp-block-gallery.is-layout-flex) {
713 661 display: block;
714 662 }
715 -:root :where(figure.wp-block-gallery) > .blocks-gallery-caption {
663 +:root :where(figure.wp-block-gallery.is-layout-flex) > .blocks-gallery-caption {
716 664 flex: 0 0 100%;
717 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 +
718 673 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label {
719 674 display: none;
720 675 }
721 676 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
@@ -1020,9 +975,8 @@
1020 975 .wp-block-image {
1021 976 position: relative;
1022 977 }
1023 978 .wp-block-image.is-transient:not(.alignwide):not(.alignfull), .wp-block-image:has(img.is-swapping-media):not(.alignwide):not(.alignfull) {
1024 - width: -moz-fit-content;
1025 979 width: fit-content;
1026 980 }
1027 981 .wp-block-image .is-applying img, .wp-block-image.is-transient img,
1028 982 .wp-block-image img.is-swapping-media {
@@ -1037,8 +991,14 @@
1037 991 left: 50%;
1038 992 transform: translate(-50%, -50%);
1039 993 margin: 0;
1040 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 +}
1041 1001
1042 1002 .wp-block-image__placeholder {
1043 1003 aspect-ratio: 4/3;
1044 1004 }
@@ -1138,8 +1098,13 @@
1138 1098 /*rtl:ignore*/
1139 1099 direction: ltr;
1140 1100 }
1141 1101
1102 +.wp-block-math__learn-more {
1103 + display: inline-block;
1104 + margin-top: var(--wpds-dimension-gap-sm, 8px);
1105 +}
1106 +
1142 1107 .wp-block-media-text__media {
1143 1108 position: relative;
1144 1109 }
1145 1110 .wp-block-media-text__media.is-transient img {
@@ -1252,8 +1217,12 @@
1252 1217 opacity: 1;
1253 1218 visibility: visible;
1254 1219 }
1255 1220
1221 +.wp-block-navigation__container.block-editor-block-list__layout {
1222 + flex-grow: 1;
1223 +}
1224 +
1256 1225 .is-editing > .wp-block-navigation__container {
1257 1226 visibility: visible;
1258 1227 opacity: 1;
1259 1228 display: flex;
@@ -1345,8 +1314,9 @@
1345 1314 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender {
1346 1315 background-color: #1e1e1e;
1347 1316 color: #fff;
1348 1317 height: 24px;
1318 + width: 24px;
1349 1319 }
1350 1320 .wp-block-navigation .wp-block + .block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender {
1351 1321 padding: 0;
1352 1322 }
@@ -1760,8 +1730,12 @@
1760 1730 .wp-block-navigation__overlay-help-text-wrapper {
1761 1731 margin-top: 8px;
1762 1732 }
1763 1733
1734 +.wp-block-audio__autoplay-help-text {
1735 + grid-column: 1/-1;
1736 +}
1737 +
1764 1738 /**
1765 1739 * Appender
1766 1740 */
1767 1741 .wp-block-navigation .block-list-appender {
@@ -1782,13 +1756,15 @@
1782 1756 }
1783 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 {
1784 1758 visibility: visible !important;
1785 1759 opacity: 1 !important;
1786 - min-width: 200px !important;
1787 1760 height: auto !important;
1788 1761 width: auto !important;
1789 1762 overflow: visible !important;
1790 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 +}
1791 1767
1792 1768 /**
1793 1769 * Navigation Items.
1794 1770 */
@@ -1896,9 +1872,8 @@
1896 1872 }
1897 1873 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container {
1898 1874 visibility: visible !important;
1899 1875 opacity: 1 !important;
1900 - min-width: 200px !important;
1901 1876 height: auto !important;
1902 1877 width: auto !important;
1903 1878 position: absolute;
1904 1879 left: -1px;
@@ -1918,8 +1893,11 @@
1918 1893 width: 0.5em;
1919 1894 background: transparent;
1920 1895 }
1921 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 +}
1922 1900
1923 1901 .block-editor-block-list__block[data-type="core/nextpage"] {
1924 1902 max-width: 100%;
1925 1903 text-align: center;
@@ -2186,10 +2164,9 @@
2186 2164 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title {
2187 2165 word-break: break-all;
2188 2166 white-space: normal;
2189 2167 text-align: start;
2190 - -moz-text-align-last: center;
2191 - text-align-last: center;
2168 + text-align-last: center;
2192 2169 }
2193 2170 .block-library-site-logo__inspector-media-replace-container img {
2194 2171 width: 20px;
2195 2172 min-width: 20px;
@@ -2212,8 +2189,12 @@
2212 2189 padding: 1em 0;
2213 2190 border: 1px dashed;
2214 2191 }
2215 2192
2193 +.wp-block-site-title.has-fit-text > * {
2194 + white-space: inherit !important;
2195 +}
2196 +
2216 2197 .wp-block-social-links .wp-social-link {
2217 2198 line-height: 0;
2218 2199 }
2219 2200
@@ -2397,22 +2378,18 @@
2397 2378 .block-editor-template-part__selection-modal {
2398 2379 z-index: 1000001;
2399 2380 }
2400 2381 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2401 - -moz-column-count: 2;
2402 - column-count: 2;
2403 - -moz-column-gap: 24px;
2404 - column-gap: 24px;
2382 + column-count: 2;
2383 + column-gap: 24px;
2405 2384 }
2406 2385 @media (min-width: 1280px) {
2407 2386 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
2408 - -moz-column-count: 3;
2409 - column-count: 3;
2387 + column-count: 3;
2410 2388 }
2411 2389 }
2412 2390 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2413 - -moz-column-break-inside: avoid;
2414 - break-inside: avoid-column;
2391 + break-inside: avoid-column;
2415 2392 }
2416 2393
2417 2394 .block-library-template-part__selection-search {
2418 2395 background: #fff;
@@ -2524,22 +2501,18 @@
2524 2501 margin-bottom: 0;
2525 2502 }
2526 2503
2527 2504 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2528 - -moz-column-count: 2;
2529 - column-count: 2;
2530 - -moz-column-gap: 24px;
2531 - column-gap: 24px;
2505 + column-count: 2;
2506 + column-gap: 24px;
2532 2507 }
2533 2508 @media (min-width: 1280px) {
2534 2509 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list {
2535 - -moz-column-count: 3;
2536 - column-count: 3;
2510 + column-count: 3;
2537 2511 }
2538 2512 }
2539 2513 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
2540 - -moz-column-break-inside: avoid;
2541 - break-inside: avoid-column;
2514 + break-inside: avoid-column;
2542 2515 }
2543 2516 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search {
2544 2517 background: #fff;
2545 2518 position: sticky;
@@ -2549,14 +2522,8 @@
2549 2522 margin-bottom: -4px;
2550 2523 z-index: 2;
2551 2524 }
2552 2525
2553 -@media (min-width: 600px) {
2554 - .wp-block-query__enhanced-pagination-modal {
2555 - max-width: 480px;
2556 - }
2557 -}
2558 -
2559 2526 .block-editor-block-settings-menu__popover.is-expanded {
2560 2527 overflow-y: scroll;
2561 2528 }
2562 2529 .block-editor-block-settings-menu__popover .block-library-query-pattern__selection-content {
@@ -2571,9 +2538,9 @@
2571 2538 grid-template-columns: 1fr 1fr;
2572 2539 }
2573 2540 }
2574 2541 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
2575 - grid-gap: 12px;
2542 + gap: 12px;
2576 2543 min-width: 280px;
2577 2544 }
2578 2545 @media (min-width: 600px) {
2579 2546 .block-editor-block-settings-menu__popover .block-editor-block-patterns-list {
@@ -2594,11 +2561,8 @@
2594 2561
2595 2562 :where(.editor-styles-wrapper) .wp-block-query-pagination {
2596 2563 max-width: 100%;
2597 2564 }
2598 -:where(.editor-styles-wrapper) .wp-block-query-pagination.block-editor-block-list__layout {
2599 - margin: 0;
2600 -}
2601 2565
2602 2566 .wp-block-query-pagination-numbers a {
2603 2567 text-decoration: underline;
2604 2568 }
@@ -2790,13 +2754,11 @@
2790 2754 height: auto !important;
2791 2755 outline: 1px solid rgba(0, 0, 0, 0.1);
2792 2756 }
2793 2757 .block-library-poster-image__preview .block-library-poster-image__preview-image {
2794 - -o-object-fit: cover;
2795 - object-fit: cover;
2758 + object-fit: cover;
2796 2759 width: 100%;
2797 - -o-object-position: 50% 50%;
2798 - object-position: 50% 50%;
2760 + object-position: 50% 50%;
2799 2761 aspect-ratio: 2/1;
2800 2762 }
2801 2763
2802 2764 .block-library-poster-image__actions:not(.block-library-poster-image__actions-select) {