Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-01 02:41:39 -05:00
Code Issues Activity

Updated video card frontend rendering

Browse source 
Refs https://github.com/TryGhost/Team/issues/1229
This commit is contained in:
Sanne de Vries 2021-12-14 16:31:35 +01:00
parent 64b3bbf1a6
commit 79a48df75c
1 changed files with 5 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
core/frontend/src/cards/css/video.css
View file

@ -1,27 +1,9 @@
.kg-video-card video {
display: block;
max-width: 100%;
height: auto;
}
.kg-video-thumbnail {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
min-width: 80px;
margin: 8px;
background: var(--ghost-accent-color);
object-fit: cover;
aspect-ratio: 1/1;
border-radius: 3px;
}
.kg-video-thumbnail svg {
width: 24px;
height: 24px;
fill: white;
}
.kg-video-card {
position: relative;
--seek-before-width: 0%;
@ -29,6 +11,10 @@
--buffered-width: 0%;
}
.kg-video-container {
position: relative;
}
.kg-video-overlay {
position: absolute;
top: 0;