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

Updated frontend styles for file card

Browse source 
refs https://github.com/TryGhost/Team/issues/1231
This commit is contained in:
Rishabh 2021-12-13 18:54:59 +05:30
parent 75c198349c
commit cd238c64ba
1 changed files with 73 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
core/frontend/src/cards/css/file.css Normal file
View file

@ -0,0 +1,73 @@
.kg-file-card {
display: flex;
width: 100%;
min-height: 96px;
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
}
.kg-file-thumbnail {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
min-width: 80px;
margin: 8px;
background: transparent;
object-fit: cover;
aspect-ratio: 1/1;
border-radius: 3px;
}
.kg-file-thumbnail.placeholder {
background: var(--ghost-accent-color);
}
.kg-file-hide {
display: none !important;
}
.kg-file-details {
display: flex;
flex-grow: 1;
align-items: center;
padding: 8px 12px;
}
.kg-file-thumbnail.placeholder svg {
width: 24px;
height: 24px;
fill: white;
}
.kg-file-card-container {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
--seek-before-width: 0%;
--volume-before-width: 100%;
--buffered-width: 0%;
}
.kg-file-title {
width: 100%;
margin: 8px 0 0 0;
padding: 8px 12px 0;
border: none;
font-family: inherit;
font-size: 1.1em;
font-weight: 700;
background: transparent;
}
.kg-file-caption {
width: 100%;
margin: 8px 0 0 0;
padding: 8px 12px 0;
border: none;
font-family: inherit;
font-size: 1.1em;
font-weight: 700;
background: transparent;
}