Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-03-11 02:12:21 -05:00
Code Issues Activity

Updated audio card AMP styling

Browse source 
Refs https://github.com/TryGhost/Team/issues/1230
This commit is contained in:
Sanne de Vries 2021-12-13 13:16:43 +01:00
parent f237879251
commit c8ebe22a0c
1 changed files with 59 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
core/frontend/apps/amp/lib/views/amp.hbs
View file

@ -636,6 +636,65 @@
font-size: 1.25em;
}
.kg-audio-card {
display: flex;
width: 100%;
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
}
.kg-audio-thumbnail {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
min-width: 80px;
height: 80px;
background: transparent;
object-fit: cover;
aspect-ratio: 1/1;
border-radius: 3px 0 0 3px;
}
.kg-audio-thumbnail.placeholder {
background: var(--ghost-accent-color);
}
.kg-audio-thumbnail.placeholder svg {
width: 24px;
height: 24px;
fill: white;
}
.kg-player-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-audio-title {
width: 100%;
padding: 8px 12px 0;
border: none;
font-family: inherit;
font-size: 1.1em;
font-weight: 700;
background: transparent;
}
.i-amphtml-media-component {
width: 100% !important;
max-height: 40px !important;
}
.kg-player {
display: none;
}
.kg-width-full.kg-card-hascaption {
display: grid;
grid-template-columns: inherit;