diff --git a/packages/block-library/src/video/edit.js b/packages/block-library/src/video/edit.js index 05dbcc58e8b8e..63f633a41adf9 100644 --- a/packages/block-library/src/video/edit.js +++ b/packages/block-library/src/video/edit.js @@ -42,23 +42,6 @@ import TracksEditor from './tracks-editor'; import Tracks from './tracks'; import { Caption } from '../utils/caption'; -// Much of this description is duplicated from MediaPlaceholder. -const placeholder = ( content ) => { - return ( - - { content } - - ); -}; - const ALLOWED_MEDIA_TYPES = [ 'video' ]; const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ]; @@ -149,6 +132,23 @@ function VideoEdit( { createErrorNotice( message, { type: 'snackbar' } ); } + // Much of this description is duplicated from MediaPlaceholder. + const placeholder = ( content ) => { + return ( + + { content } + + ); + }; + const classes = clsx( className, { 'is-transient': !! temporaryURL, } ); diff --git a/packages/block-library/src/video/editor.scss b/packages/block-library/src/video/editor.scss index 922c6dfd9d04a..dd50ecc6c066f 100644 --- a/packages/block-library/src/video/editor.scss +++ b/packages/block-library/src/video/editor.scss @@ -1,40 +1,3 @@ -// Provide special styling for the placeholder. -// @todo this particular minimal style of placeholder could be componentized further. -.wp-block-video.wp-block-video { - // Show Placeholder style on-select. - &.is-selected .components-placeholder { - // Block UI appearance. - color: $gray-900; - background-color: $white; - box-shadow: inset 0 0 0 $border-width $gray-900; - border: none; - - // @todo this should eventually be overridden by a custom border-radius set in the inspector. - border-radius: $radius-block-ui; - - > svg { - opacity: 0; - } - - .components-placeholder__illustration { - display: none; - } - - &::before { - opacity: 0; - } - } - - // Remove the transition while we still have a legacy placeholder style. - // Otherwise the content jumps between the 1px placeholder border, and any inherited custom - // parent border that may get applied when you deselect. - .components-placeholder__label, - .components-placeholder__instructions, - .components-button { - transition: none; - } -} - .wp-block[data-align="center"] > .wp-block-video { text-align: center; }