mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-03-11 02:12:21 -05:00
Refined audio and bookmark frontend styles
Refs https://github.com/TryGhost/Team/issues/1230
This commit is contained in:
parent
f91bf677ff
commit
57969dea6c
3 changed files with 12 additions and 10 deletions
|
@ -388,7 +388,7 @@
|
||||||
background: rgba(255,255,255,0.6);
|
background: rgba(255,255,255,0.6);
|
||||||
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
|
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
|
||||||
text-decoration: none;
|
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);
|
box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,6 +2,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 96px;
|
min-height: 96px;
|
||||||
|
border-radius: 3px;
|
||||||
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
|
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -51,6 +52,7 @@
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
line-height: 1.15em;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -238,8 +240,8 @@
|
||||||
.kg-audio-player-container input[type="range"]::-webkit-slider-thumb {
|
.kg-audio-player-container input[type="range"]::-webkit-slider-thumb {
|
||||||
position: relative;
|
position: relative;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
width: 12px;
|
width: 13px;
|
||||||
height: 12px;
|
height: 13px;
|
||||||
margin: -5px 0 0 0;
|
margin: -5px 0 0 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -270,8 +272,8 @@
|
||||||
|
|
||||||
.kg-audio-player-container input[type="range"]::-moz-range-thumb {
|
.kg-audio-player-container input[type="range"]::-moz-range-thumb {
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
width: 12px;
|
width: 13px;
|
||||||
height: 12px;
|
height: 13px;
|
||||||
border: 0;
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
@ -305,8 +307,8 @@
|
||||||
|
|
||||||
.kg-audio-player-container input[type="range"]::-ms-thumb {
|
.kg-audio-player-container input[type="range"]::-ms-thumb {
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
width: 12px;
|
width: 13px;
|
||||||
height: 12px;
|
height: 13px;
|
||||||
border: 0;
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
|
@ -8,8 +8,8 @@
|
||||||
.kg-bookmark-container:hover {
|
.kg-bookmark-container:hover {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-radius: 4px;
|
border-radius: 3px;
|
||||||
box-shadow: inset 0 0 0 1px rgb(124 139 154 / 25%);
|
border: 1px solid rgb(124 139 154 / 25%);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -104,5 +104,5 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
border-radius: 0 4px 4px 0;
|
border-radius: 0 2px 2px 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue