--- 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