diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/cover/editor.css --- a/wp/wp-includes/blocks/cover/editor.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/blocks/cover/editor.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,10 +74,28 @@ /** * 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 { 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; } @@ -115,45 +139,15 @@ left: 0; right: 0; bottom: 0; + min-height: 50px; } .block-library-cover__resize-container:not(.is-resizing) { height: auto !important; } -.wp-block-cover > .components-drop-zone.is-active { - transition: 0.2s opacity, 0.2s border; -} -@media (prefers-reduced-motion: reduce) { - .wp-block-cover > .components-drop-zone.is-active { - transition-duration: 0s; - transition-delay: 0s; - } -} -.wp-block-cover > .components-drop-zone.is-dragging-over-element { - background-color: transparent; - border: 48px solid var(--wp-admin-theme-color); -} -.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content { - transform: none; -} .wp-block-cover > .components-drop-zone .components-drop-zone__content { - display: flex; - align-items: center; - top: -36px; - left: -36px; - transform: none; -} -.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon, -.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { - display: inline; -} -.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon { - margin: 0; - margin-right: 8px; -} -.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { - font-size: 13px; + opacity: 0.8 !important; } .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {