cyp/app/css/elements/song.less

50 lines
757 B
Text
Raw Normal View History

2020-03-09 21:26:39 +08:00
cyp-song {
2020-03-10 17:07:30 +08:00
.item;
2020-03-09 21:26:39 +08:00
2020-03-11 21:21:04 +08:00
.multiline {
2020-03-11 17:55:18 +08:00
.flex-column;
2020-03-11 21:21:04 +08:00
min-width: 0; // bez tohoto se odmita zmensit
2020-03-09 21:26:39 +08:00
2020-03-11 17:55:18 +08:00
.subtitle { .ellipsis; }
2020-03-09 21:26:39 +08:00
}
2020-03-13 17:36:13 +08:00
2020-03-17 18:02:38 +08:00
cyp-queue & {
> .icon {
width: 32px;
margin-right: 8px; // fixme variable
}
.track { display: none; }
&:not(.playing) > .icon-play, &.playing > .icon-music {
display: none;
}
&.playing {
> .icon { color: var(--primary) }
&::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
background-color: var(--primary);
width: calc(100% * var(--progress, 0));
height: var(--border-width);
}
}
}
cyp-library & {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
> .icon {
width: 64px; // fixme variable
}
> .icon-play { display: none; }
}
2020-03-09 21:26:39 +08:00
}
2020-03-11 17:55:18 +08:00