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.css +54 -90 23.9.1 → trunk 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) {