okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

match the theme on the artist header play button with more (...) button

Browse source 
consistency is the key
This commit is contained in:
Onur Gümüş 2022-01-24 01:13:07 +03:00
parent 307697ac03
commit c13c9114ea
1 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/renderer/style.less
View file

@ -3173,9 +3173,10 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
} }
.artist-play { .artist-play {
width: 36px; width: 32px;
height: 36px; height: 32px;
background: var(--keyColor); background: rgba(100, 100, 100, 0.5);
box-shadow: var(--ciderShadow-Generic);
border-radius: 100%; border-radius: 100%;
box-shadow: var(--mediaItemShadow); box-shadow: var(--mediaItemShadow);
display: none; display: none;
@ -3185,14 +3186,18 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
padding: 0px; padding: 0px;
&:hover { &:hover {
background: var(--keyColor-rollover); filter: brightness(125%);
} }
&:active { &:active {
background: var(--keyColor-pressed); filter: brightness(75%);
transform: scale(0.98);
transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
} }
} }
.artist-title { .artist-title {
position: relative;
top: -19px;
.artist-play { .artist-play {
transform: translateY(3px); transform: translateY(3px);