milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CSS fixes when resizing the window

Browse source
This commit is contained in:
ferferga 2020-06-18 18:31:46 +02:00
parent 3b938e9b00
commit a62d69f813
3 changed files with 86 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/nowPlayingBar/nowPlayingBar.css
View file

@ -57,7 +57,7 @@
flex-grow: 1;
font-size: 92%;
margin-right: 1em;
margin-left: 0.2em;
margin-left: 0.5em;
}
.nowPlayingBarCenter {
@ -135,12 +135,23 @@
}
}
@media all and (max-width: 62em) {
.nowPlayingBarCenter .nowPlayingBarCurrentTime {
@media all and (max-width: 66em) {
.btnShuffle {
display: none !important;
}
}
@media all and (max-width: 80em) {
.nowPlayingBarCenter .nowPlayingBarCurrentTime,
.nowPlayingBarCenter .stopButton {
display: none !important;
}
.nowPlayingBarInfoContainer {
width: 45%;
}
}
@media all and (max-width: 56em) {
.nowPlayingBarCenter {
display: none !important;
@ -153,7 +164,7 @@
}
}
@media all and (max-width: 36em) {
@media all and (max-width: 60em) {
.nowPlayingBarRight .nowPlayingBarVolumeSliderContainer {
display: none !important;
}