Fix video thumbnail selector exceeding the modal size (#891)
## Issue - 655 "Take a snapshot from your video" controls off-screen - It also exceeds horizontally on mobile. ## Fix Just add css constraints.
This commit is contained in:
parent
80d4d8c57c
commit
24d23b8cc9
2 changed files with 13 additions and 1 deletions
|
@ -87,7 +87,14 @@ function ModalAutoGenerateThumbnail(props: Props) {
|
|||
onAborted={closeModal}
|
||||
>
|
||||
<p className="section__subtitle">{__('Pause at any time to select a thumbnail from your video')}.</p>
|
||||
<video ref={playerRef} src={videoSrc} onLoadedMetadata={resize} onError={onError} controls />
|
||||
<video
|
||||
className="video-thumbnail-generator"
|
||||
ref={playerRef}
|
||||
src={videoSrc}
|
||||
onLoadedMetadata={resize}
|
||||
onError={onError}
|
||||
controls
|
||||
/>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -861,6 +861,11 @@ $control-bar-icon-size: 0.8rem;
|
|||
display: none !important; // yes this is dumb, but this was broken and the above CSS was overriding
|
||||
}
|
||||
|
||||
.video-thumbnail-generator {
|
||||
width: 100%;
|
||||
max-height: 30vh;
|
||||
}
|
||||
|
||||
// ****************************************************************************
|
||||
// Autoplay Countdown
|
||||
// ****************************************************************************
|
||||
|
|
Loading…
Reference in a new issue