diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/gallery/editor-rtl.css --- a/wp/wp-includes/blocks/gallery/editor-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/blocks/gallery/editor-rtl.css Tue Sep 27 16:37:53 2022 +0200 @@ -41,6 +41,12 @@ * These variables do not appear to be used anywhere else. */ /** +* Converts a hex value into the rgb equivalent. +* +* @param {string} hex - the hexadecimal value to convert +* @return {string} comma separated rgb values +*/ +/** * Breakpoint mixins */ /** @@ -68,27 +74,78 @@ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ -.wp-block-gallery li { - list-style-type: none; +figure.wp-block-gallery { + display: block; +} +figure.wp-block-gallery.has-nested-images .components-drop-zone { + display: none; + pointer-events: none; +} +figure.wp-block-gallery > .blocks-gallery-caption { + flex: 0 0 100%; +} +figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { + flex-basis: 100%; } -.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { +figure.wp-block-gallery .wp-block-image .components-notice.is-error { + display: block; +} +figure.wp-block-gallery .wp-block-image .components-notice__content { + margin: 4px 0; +} +figure.wp-block-gallery .wp-block-image .components-notice__dismiss { + position: absolute; + top: 0; + left: 5px; +} +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { display: none; } -.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { +figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { margin-bottom: 0; } +figure.wp-block-gallery .block-editor-media-placeholder { + margin: 0; +} +figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { + display: flex; +} +figure.wp-block-gallery .block-editor-media-placeholder figcaption { + z-index: 2; +} +figure.wp-block-gallery .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} -figure.wp-block-gallery { - display: block; - margin: 0; +/** + * Gallery inspector controls settings. + */ +.gallery-settings-buttons .components-button:first-child { + margin-left: 8px; } -.blocks-gallery-grid.blocks-gallery-grid { - padding-right: 0; - margin-right: 0; - margin-bottom: 0; +.gallery-image-sizes .components-base-control__label { + display: block; + margin-bottom: 4px; +} +.gallery-image-sizes .gallery-image-sizes__loading { + display: flex; + align-items: center; + color: #757575; + font-size: 12px; +} +.gallery-image-sizes .components-spinner { + margin: 0 4px 0 8px; } +/** + * Deprecated css past this point. This can be removed once all galleries are migrated + * to V2. + */ .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { outline: none; @@ -105,9 +162,6 @@ z-index: 1; pointer-events: none; } -.blocks-gallery-item figure.is-selected figcaption { - z-index: 2; -} .blocks-gallery-item figure.is-transient img { opacity: 0.3; } @@ -165,10 +219,19 @@ left: -2px; } -.blocks-gallery-item .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; +.wp-block-gallery ul.blocks-gallery-grid { + padding: 0; + margin: 0; +} + +@media (min-width: 600px) { + .wp-block-update-gallery-modal { + max-width: 480px; + } +} + +.wp-block-update-gallery-modal-buttons { + display: flex; + justify-content: flex-end; + gap: 12px; } \ No newline at end of file