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

new info rect for masking long titles

Browse source
This commit is contained in:
yazninja 2022-06-07 10:06:01 +08:00
parent 464c2788ff
commit 273af0b1df
2 changed files with 126 additions and 336 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/renderer/style.less
View file

@ -1242,6 +1242,15 @@ body[platform="darwin"] .app-chrome .app-chrome-item > .window-controls > div.cl
}
.app-chrome .app-chrome-item > .app-playback-controls {
.info-rect{
mask-image: linear-gradient(-90deg, transparent 0%, black 10%, black 90%, transparent 100%);
-webkit-mask-image: linear-gradient(-90deg, transparent 3%, black 10%, black 90%, transparent 100%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width:100%;
}
.song-name {
font-weight: 600;
text-align: center;
@ -1515,7 +1524,7 @@ div[data-type="musicVideo"] .info-rect .title::before {
position: relative;
}
.app-chrome .app-chrome-item > .app-playback-controls > div > .song-artist-album {
.app-chrome .app-chrome-item > .app-playback-controls .song-artist-album {
font-weight: 400;
font-size: 12px;
text-align: center;