This commit is contained in:
Ondrej Zara 2019-04-15 09:13:39 +02:00
parent a3d0dc49d4
commit 8331a0d3a3
2 changed files with 29 additions and 1 deletions

View file

@ -148,6 +148,7 @@ nav ul li.active {
opacity: 0.5;
}
#player .art {
margin-right: 0;
height: 96px;
}
#player .art img,
@ -160,6 +161,7 @@ nav ul li.active {
}
#player .info {
flex-grow: 1;
padding-left: var(--icon-spacing);
overflow: hidden;
display: flex;
flex-direction: column;
@ -173,6 +175,7 @@ nav ul li.active {
}
#player [type=range] {
margin: 0;
min-width: 0;
}
#player .timeline {
display: flex;
@ -225,6 +228,16 @@ nav ul li.active {
#player .misc .icon {
width: 32px;
}
@media (max-width: 519px) {
#player {
flex-wrap: wrap;
justify-content: space-between;
}
#player .info {
order: 1;
height: 96px;
}
}
.component {
height: 100%;
display: flex;

View file

@ -7,6 +7,7 @@
&:not([data-flags~=random]) .random, &:not([data-flags~=repeat]) .repeat { opacity: 0.5; }
.art {
margin-right: 0;
@size: 96px;
height: @size;
img, .icon {
@ -22,6 +23,7 @@
.info {
flex-grow: 1;
padding-left: var(--icon-spacing);
overflow: hidden;
.flex-column;
justify-content: space-around;
@ -29,7 +31,10 @@
.title, .subtitle { .long-line; }
[type=range] { margin: 0; }
[type=range] {
margin: 0;
min-width: 0; // fails to shrink otherwise
}
.timeline {
.flex-row;
@ -81,4 +86,14 @@
justify-content: space-around;
.icon { width: 32px; }
}
@media (max-width: 519px) {
flex-wrap: wrap;
justify-content: space-between;
.info {
order: 1;
height: 96px;
}
}
}