nnwhen/scritch-player
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix volume slider pushing content, force vertical

Browse source 
on small screen sizes
This commit is contained in:
torcado194 2022-03-28 00:00:09 -04:00
parent 1e1c294337
commit 16c340357c
1 changed files with 18 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -99,6 +99,23 @@
grid-column: 1/3; grid-column: 1/3;
} }
@media (max-width: 590px) {
#mainContainer #title {
margin: 20px;
text-align: center;
}
#mainContainer.title-span.title-span #titleContainer {
grid-column: 1;
}
#mainContainer {
grid-template-columns: auto;
}
#mainContainer #mediaColumn {
grid-row: 2;
grid-column: 1;
}
}
/*** media column ***/ /*** media column ***/
#mediaColumn { #mediaColumn {
@ -726,7 +743,7 @@
document.getElementById('mainContainer').classList.remove('title-none', 'title-span'); document.getElementById('mainContainer').classList.remove('title-none', 'title-span');
document.getElementById('mainContainer').classList.add('title-' + theme.titleStyle); document.getElementById('mainContainer').classList.add('title-' + theme.titleStyle);
} }
if(theme.contentWidth) document.getElementById('contentContainer').style.maxWidth = theme.contentWidth + 'px'; if(theme.contentWidth) document.getElementById('contentContainer').style.width = theme.contentWidth + 'px';
if(theme.nativePlayer){ if(theme.nativePlayer){
document.getElementById('audio').classList.add('native'); document.getElementById('audio').classList.add('native');
mediaVideoEl.setAttribute('controls', ''); mediaVideoEl.setAttribute('controls', '');