mirror of
https://github.com/koel/koel
synced 2024-11-10 06:34:14 +00:00
Fix player controls style on phones
This commit is contained in:
parent
b6b2ab2de8
commit
2afe0e36f9
1 changed files with 6 additions and 15 deletions
|
@ -361,8 +361,7 @@
|
|||
}
|
||||
|
||||
|
||||
@media only screen
|
||||
and (max-device-width : 768px) {
|
||||
@media only screen and (max-device-width: 768px) {
|
||||
position: absolute !important;
|
||||
right: 0;
|
||||
height: $footerHeight;
|
||||
|
@ -424,12 +423,8 @@
|
|||
}
|
||||
|
||||
|
||||
@media only screen
|
||||
and (max-device-width : 768px) {
|
||||
width: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@media only screen and (max-device-width: 768px) {
|
||||
flex: 1;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
|
@ -451,9 +446,7 @@
|
|||
|
||||
@include hasSoftGradientOnTop($colorMainBgr);
|
||||
|
||||
|
||||
@media only screen
|
||||
and (max-device-width : 768px) {
|
||||
@media only screen and (max-device-width: 768px) {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
@ -520,8 +513,7 @@
|
|||
}
|
||||
|
||||
|
||||
@media only screen
|
||||
and (max-device-width : 768px) {
|
||||
@media only screen and (max-device-width: 768px) {
|
||||
.meta, .title {
|
||||
display: none;
|
||||
}
|
||||
|
@ -543,8 +535,7 @@
|
|||
width: 16px;
|
||||
}
|
||||
|
||||
@media only screen
|
||||
and (max-device-width : 768px) {
|
||||
@media only screen and (max-device-width: 768px) {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue