diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/blocks/cover/editor.css --- a/wp/wp-includes/blocks/cover/editor.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/blocks/cover/editor.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,155 +1,89 @@ -/** - * 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. - */ -.wp-block-cover { - /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ +.editor-styles-wrapper .wp-block-cover{ + box-sizing:border-box; +} +.wp-block-cover.is-placeholder{ + align-items:stretch; + display:flex; + min-height:240px; + padding:0 !important; +} +.wp-block-cover.is-placeholder .components-placeholder.is-large{ + justify-content:flex-start; + z-index:1; +} +.wp-block-cover.is-placeholder:focus:after{ + min-height:auto; +} +.wp-block-cover.components-placeholder h2{ + color:inherit; +} +.wp-block-cover.is-transient{ + position:relative; } -.editor-styles-wrapper .wp-block-cover { - box-sizing: border-box; -} -.wp-block-cover.is-placeholder { - min-height: auto !important; - padding: 0 !important; -} -.wp-block-cover.is-placeholder .block-library-cover__resize-container { - display: none; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large { - min-height: 240px; - justify-content: flex-start; - z-index: 1; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container { - min-height: 240px; - display: block; -} -.wp-block-cover.components-placeholder h2 { - color: inherit; +.wp-block-cover.is-transient:before{ + background-color:#fff; + content:""; + height:100%; + opacity:.3; + position:absolute; + width:100%; + z-index:1; } -.wp-block-cover.is-transient::before { - background-color: #fff; - opacity: 0.3; +.wp-block-cover .components-spinner{ + left:50%; + margin:0; + position:absolute; + top:50%; + transform:translate(-50%, -50%); + z-index:1; } -.wp-block-cover .components-spinner { - position: absolute; - z-index: 1; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin: 0; +.wp-block-cover .wp-block-cover__inner-container{ + margin-left:0; + margin-right:0; + text-align:left; } -.wp-block-cover .block-editor-block-list__layout { - width: 100%; +.wp-block-cover .wp-block-cover__placeholder-background-options{ + width:100%; } -.wp-block-cover .wp-block-cover__inner-container { - text-align: left; - margin-left: 0; - margin-right: 0; -} -.wp-block-cover .wp-block-cover__placeholder-background-options { - width: 100%; +.wp-block-cover .wp-block-cover__image--placeholder-image{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -[data-align=left] > .wp-block-cover, -[data-align=right] > .wp-block-cover { - max-width: 420px; - width: 100%; +[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{ + max-width:420px; + width:100%; } -.block-library-cover__reset-button { - margin-left: auto; +.block-library-cover__reset-button{ + margin-left:auto; } -.block-library-cover__resize-container { - position: absolute !important; - top: 0; - left: 0; - right: 0; - bottom: 0; - min-height: 50px; +.block-library-cover__resize-container{ + bottom:0; + left:0; + min-height:50px; + position:absolute !important; + right:0; + top:0; } -.block-library-cover__resize-container:not(.is-resizing) { - height: auto !important; +.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{ + overflow:visible; + pointer-events:none; } -.wp-block-cover > .components-drop-zone .components-drop-zone__content { - opacity: 0.8 !important; +.wp-block-cover>.components-drop-zone .components-drop-zone__content{ + opacity:.8 !important; } -.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { - background-attachment: scroll; +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{ + background-attachment:scroll; +} + +.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ + margin-top:24px; } \ No newline at end of file