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

Refined audio and bookmark frontend styles

Browse source 
Refs https://github.com/TryGhost/Team/issues/1230
This commit is contained in:
Sanne de Vries 2021-12-13 19:10:01 +01:00
parent f91bf677ff
commit 57969dea6c
3 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -388,7 +388,7 @@
background: rgba(255,255,255,0.6);
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
text-decoration: none;
border-radius: 5px;
border-radius: 3px;
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
overflow: hidden;
}

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

@ -2,6 +2,7 @@
display: flex;
width: 100%;
min-height: 96px;
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
}
@ -51,6 +52,7 @@
font-family: inherit;
font-size: 1.1em;
font-weight: 700;
line-height: 1.15em;
background: transparent;
}
@ -238,8 +240,8 @@
.kg-audio-player-container input[type="range"]::-webkit-slider-thumb {
position: relative;
box-sizing: content-box;
width: 12px;
height: 12px;
width: 13px;
height: 13px;
margin: -5px 0 0 0;
border: 0;
cursor: pointer;
@ -270,8 +272,8 @@
.kg-audio-player-container input[type="range"]::-moz-range-thumb {
box-sizing: content-box;
width: 12px;
height: 12px;
width: 13px;
height: 13px;
border: 0;
cursor: pointer;
background: #fff;
@ -305,8 +307,8 @@
.kg-audio-player-container input[type="range"]::-ms-thumb {
box-sizing: content-box;
width: 12px;
height: 12px;
width: 13px;
height: 13px;
border: 0;
cursor: pointer;
background: #fff;

6
core/frontend/src/cards/css/bookmark.css
View file

@ -8,8 +8,8 @@
.kg-bookmark-container:hover {
display: flex;
text-decoration: none;
border-radius: 4px;
box-shadow: inset 0 0 0 1px rgb(124 139 154 / 25%);
border-radius: 3px;
border: 1px solid rgb(124 139 154 / 25%);
overflow: hidden;
}
@ -104,5 +104,5 @@
position: absolute;
top: 0;
left: 0;
border-radius: 0 4px 4px 0;
border-radius: 0 2px 2px 0;
}