0x2620/phantasma
2
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

attempt side-by-side video/text

Browse source
This commit is contained in:
j 2022-01-28 18:48:26 +00:00
commit 0c73e90751
2 changed files with 46 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

55
app/static/css/partials/_player.scss
View file

@ -36,22 +36,43 @@
}
}
.vbox {
max-width: var(--container-width);
margin: auto;
text-align: center;
}
.player {
width: 100%;
height: auto;
max-width: var(--container-width);
max-height: 80vh;
margin: auto;
}
.annotation {
display: none;
text-align: center;
max-width: 90%;
margin: auto;
.stage {
display: flex;
flex-direction: row;
margin: 8px;
@media (max-aspect-ratio: 4 / 3) {
margin-left: 0px;
margin-right: 0px;
flex-direction: column;
}
.vbox {
max-width: var(--container-width);
margin: auto;
margin-top: 0;
width: 100%;
.player {
width: 100%;
height: auto;
max-width: var(--container-width);
max-height: 80vh;
margin: auto;
}
}
.annotations {
width: 100%;
margin-top: auto;
@media (max-aspect-ratio: 4 / 3) {
max-width: 90%;
text-align: center;
}
height: 100%;
b {
font-weight: bold;
}
.annotation {
display: none;
margin: auto;
}
}
}
}