--- a/wp/wp-includes/blocks/gallery/editor-rtl.css Thu Sep 29 08:06:27 2022 +0200
+++ b/wp/wp-includes/blocks/gallery/editor-rtl.css Fri Sep 05 18:40:08 2025 +0200
@@ -1,237 +1,147 @@
-/**
- * Colors
- */
-/**
- * Breakpoints & Media Queries
- */
-/**
- * SCSS Variables.
- *
- * Please use variables from this sheet to ensure consistency across the UI.
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
- */
-/**
- * Colors
- */
-/**
- * Fonts & basic variables.
- */
-/**
- * Grid System.
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
- */
-/**
- * Dimensions.
- */
-/**
- * Shadows.
- */
-/**
- * Editor widths.
- */
-/**
- * Block & Editor UI.
- */
-/**
- * Block paddings.
- */
-/**
- * React Native specific.
- * 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
- */
-/**
- * Long content fade mixin
- *
- * Creates a fading overlay to signify that the content is longer
- * than the space allows.
- */
-/**
- * Focus styles.
- */
-/**
- * Applies editor left position to the selector passed as argument
- */
-/**
- * Styles that are reused verbatim in a few places
- */
-/**
- * Allows users to opt-out of animations via OS-level preferences.
- */
-/**
- * Reset default styles for JavaScript UI based pages.
- * This is a WP-admin agnostic reset
- */
-/**
- * Reset the WP Admin page styles for Gutenberg-like pages.
- */
-figure.wp-block-gallery {
- display: block;
+:root :where(figure.wp-block-gallery){
+ display:block;
+}
+:root :where(figure.wp-block-gallery)>.blocks-gallery-caption{
+ flex:0 0 100%;
+}
+:root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{
+ flex-basis:100%;
+}
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{
+ display:block;
+}
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{
+ margin:4px 0;
+}
+:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{
+ left:5px;
+ position:absolute;
+ top:0;
}
-figure.wp-block-gallery.has-nested-images .components-drop-zone {
- display: none;
- pointer-events: none;
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{
+ display:none;
}
-figure.wp-block-gallery > .blocks-gallery-caption {
- flex: 0 0 100%;
-}
-figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper {
- flex-basis: 100%;
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{
+ margin-bottom:0;
}
-figure.wp-block-gallery .wp-block-image .components-notice.is-error {
- display: block;
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder{
+ margin:0;
}
-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;
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{
+ display:flex;
}
-figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
- display: none;
-}
-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;
+:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{
+ z-index:2;
}
-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;
+:root :where(figure.wp-block-gallery) .components-spinner{
+ margin-right:-9px;
+ margin-top:-9px;
+ position:absolute;
+ right:50%;
+ top:50%;
}
-figure.wp-block-gallery .components-spinner {
- position: absolute;
- top: 50%;
- right: 50%;
- margin-top: -9px;
- margin-right: -9px;
+.gallery-settings-buttons .components-button:first-child{
+ margin-left:8px;
}
-/**
- * Gallery inspector controls settings.
- */
-.gallery-settings-buttons .components-button:first-child {
- margin-left: 8px;
+.gallery-image-sizes .components-base-control__label{
+ display:block;
+ margin-bottom:4px;
+}
+.gallery-image-sizes .gallery-image-sizes__loading{
+ align-items:center;
+ color:#757575;
+ display:flex;
+ font-size:12px;
+}
+.gallery-image-sizes .components-spinner{
+ margin:0 4px 0 8px;
+}
+.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
+ outline:none;
}
-
-.gallery-image-sizes .components-base-control__label {
- display: block;
- margin-bottom: 4px;
+.blocks-gallery-item figure.is-selected:before{
+ bottom:0;
+ box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
+ content:"";
+ left:0;
+ outline:2px solid #0000;
+ pointer-events:none;
+ position:absolute;
+ right:0;
+ top:0;
+ z-index:1;
}
-.gallery-image-sizes .gallery-image-sizes__loading {
- display: flex;
- align-items: center;
- color: #757575;
- font-size: 12px;
+.blocks-gallery-item figure.is-transient img{
+ opacity:.3;
+}
+.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{
+ display:inline-flex;
}
-.gallery-image-sizes .components-spinner {
- margin: 0 4px 0 8px;
+.blocks-gallery-item .block-editor-media-placeholder{
+ height:100%;
+ margin:0;
+}
+.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{
+ display:flex;
}
-/**
- * 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;
+.block-library-gallery-item__inline-menu{
+ background:#fff;
+ border:1px solid #1e1e1e;
+ border-radius:2px;
+ display:none;
+ margin:8px;
+ position:absolute;
+ top:-2px;
+ transition:box-shadow .2s ease-out;
+ z-index:20;
+}
+@media (prefers-reduced-motion:reduce){
+ .block-library-gallery-item__inline-menu{
+ transition-delay:0s;
+ transition-duration:0s;
+ }
+}
+.block-library-gallery-item__inline-menu:hover{
+ box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a;
}
-.blocks-gallery-item figure.is-selected::before {
- box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
- content: "";
- outline: 2px solid transparent;
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0;
- z-index: 1;
- pointer-events: none;
+@media (min-width:600px){
+ .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{
+ padding:2px;
+ }
+}
+.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){
+ border:none;
+ box-shadow:none;
}
-.blocks-gallery-item figure.is-transient img {
- opacity: 0.3;
-}
-.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
- display: inline-flex;
+@media (min-width:600px){
+ .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{
+ height:inherit;
+ padding:0;
+ width:inherit;
+ }
}
-.blocks-gallery-item .block-editor-media-placeholder {
- margin: 0;
- height: 100%;
+.block-library-gallery-item__inline-menu.is-left{
+ right:-2px;
}
-.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
- display: flex;
+.block-library-gallery-item__inline-menu.is-right{
+ left:-2px;
}
-.block-library-gallery-item__inline-menu {
- display: none;
- position: absolute;
- top: -2px;
- margin: 8px;
- z-index: 20;
- transition: box-shadow 0.2s ease-out;
- border-radius: 2px;
- background: #fff;
- border: 1px solid #1e1e1e;
-}
-@media (prefers-reduced-motion: reduce) {
- .block-library-gallery-item__inline-menu {
- transition-duration: 0s;
- transition-delay: 0s;
- }
-}
-.block-library-gallery-item__inline-menu:hover {
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
-}
-@media (min-width: 600px) {
- .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
- padding: 2px;
- }
-}
-.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
- border: none;
- box-shadow: none;
-}
-@media (min-width: 600px) {
- .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
- padding: 0;
- width: inherit;
- height: inherit;
- }
-}
-.block-library-gallery-item__inline-menu.is-left {
- right: -2px;
-}
-.block-library-gallery-item__inline-menu.is-right {
- left: -2px;
+.wp-block-gallery ul.blocks-gallery-grid{
+ margin:0;
+ padding:0;
}
-.wp-block-gallery ul.blocks-gallery-grid {
- padding: 0;
- margin: 0;
-}
-
-@media (min-width: 600px) {
- .wp-block-update-gallery-modal {
- max-width: 480px;
+@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;
+.wp-block-update-gallery-modal-buttons{
+ display:flex;
+ gap:12px;
+ justify-content:flex-end;
}
\ No newline at end of file