diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/blocks/post-featured-image/editor-rtl.css --- a/wp/wp-includes/blocks/post-featured-image/editor-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/blocks/post-featured-image/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,26 +74,110 @@ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder, +.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container { + border-radius: inherit; +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder { + justify-content: center; + align-items: center; + box-shadow: none; + padding: 0; + color: currentColor; + background: transparent; + min-height: 200px; +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload { + display: none; +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview { + position: absolute; + top: 4px; + left: 4px; + bottom: 4px; + right: 4px; + background: rgba(255, 255, 255, 0.8); + display: flex; + align-items: center; + justify-content: center; +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + border: 1px dashed currentColor; + opacity: 0.4; + pointer-events: none; + border-radius: inherit; +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset { + width: auto; +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button { + color: inherit; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + width: 48px; + height: 48px; + border-radius: 50%; + position: relative; + visibility: hidden; + background: transparent; + transition: all 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg { + color: #fff; +} +.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration, +.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + stroke: currentColor; + stroke-dasharray: 3; + opacity: 0.4; +} +.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder { + min-height: 48px; + min-width: 48px; + height: 100%; + width: 100%; +} +.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); + border-style: solid; + color: #fff; + opacity: 1; + visibility: visible; +} + div[data-type="core/post-featured-image"] img { max-width: 100%; height: auto; display: block; -} - -.editor-styles-wrapper .post-featured-image_placeholder { - display: flex; - flex-direction: row; - align-items: flex-start; - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - padding: 12px; -} -.editor-styles-wrapper .post-featured-image_placeholder svg { - margin-left: 12px; -} -.editor-styles-wrapper .post-featured-image_placeholder p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - margin: 0; } \ No newline at end of file