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

Fixed audio card responsive behaviour on frontend

Browse source 
Refs https://github.com/TryGhost/Team/issues/1230
This commit is contained in:
Sanne de Vries 2021-12-13 09:10:26 +01:00
parent 58cdba41fa
commit 0322c47a58
1 changed files with 26 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
core/frontend/src/cards/css/audio.css
View file

@ -41,7 +41,7 @@
padding: 8px 12px 0;
border: none;
font-family: inherit;
font-size: 1em;
font-size: 1.1em;
font-weight: 700;
background: transparent;
}
@ -101,6 +101,12 @@
margin: 0 4px;
}
@media (max-width: 640px) {
.kg-audio-seek-slider {
display: none;
}
}
.kg-audio-playback-rate {
min-width: 37px;
padding: 0 4px;
@ -113,6 +119,12 @@
white-space: nowrap;
}
@media (max-width: 640px) {
.kg-audio-playback-rate {
padding-left: 8px;
}
}
.kg-audio-mute-icon,
.kg-audio-unmute-icon {
position: relative;
@ -122,6 +134,13 @@
background: transparent;
}
@media (max-width: 640px) {
.kg-audio-mute-icon,
.kg-audio-unmute-icon {
margin-left: auto;
}
}
.kg-audio-mute-icon svg,
.kg-audio-unmute-icon svg {
width: 16px;
@ -133,6 +152,12 @@
width: 80px;
}
@media (max-width: 400px) {
.kg-audio-volume-slider {
display: none;
}
}
.kg-audio-seek-slider::before {
content: "";
position: absolute;