xdu/xduplayer
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix scaling breaking text container when app container was smaller than text container.

Browse source 
Audio and volume controls work.
Support for shake command.
Text scrolling buttons.
This commit is contained in:
firebingo 2018-04-19 14:01:48 -07:00
parent bf5108bfe6
commit 5b5f3d83c2
10 changed files with 363 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

34
Css/main.css
View file

@ -41,11 +41,15 @@
.centered { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
#app-container { position: relative; width: 1334px; height: 750px; }
.hidden { opacity: 0; }
.shown { opacity: 0; }
#app-container { position: relative; width: 1334px; height: 750px; display: flex; justify-content: center; align-items: center; }
#parent-container { display: flex; flex-direction: column; align-items: center; }
#text-container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 750px; width: 1334px; font-family: 'FOT-RodinNTLGPro'; }
#text-container { position: absolute; margin: auto; height: 750px; width: 1334px; font-family: 'FOT-RodinNTLGPro'; }
#text-container #title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 20px; transition: opacity 0.3s; }
@ -59,10 +63,32 @@
#dialog-box #character { position: absolute; top: -5px; left: 70px; font-size: 30px; }
#dialog-box #dialog { overflow: hidden; position: absolute; padding: 0 30px 0 70px; margin-top: 60px; box-sizing: border-box; height: 120px; width: 100%; font-size: 30px; line-height: 60px; }
#dialog-box #dialog { overflow: hidden; position: absolute; padding: 0 30px 0 70px; margin-top: 60px; box-sizing: border-box; height: 120px; width: 100%; font-size: 28px; font-weight: normal; line-height: 68px; }
#dialog #dialog-inner { max-width: 1125px; }
#dialog b { font-weight: bold; }
#dialog-box #ui-buttons { right: 20px; top: -50px; position: absolute; }
#dialog-box .ui-button { position: relative; height: 85px; }
#other-controls-container { display: flex; width: 100; justify-content: center; }
#dialog #dialog-controls { position: fixed; right: 0; display: flex; height: 135px; align-items: center; }
#dialog-controls #dialog-next { margin-right: 37px; }
#dialog-next img { height: 80px; }
#dialog-controls #dialog-scroll { display: flex; flex-direction: column; height: 80px; margin-right: 30px; justify-content: space-between; }
#dialog-scroll #dialog-scroll-up { transform: scale(1, -1); }
#dialog-scroll img { height: 35px; }
#other-controls-container { display: flex; width: 100; justify-content: center; }
#select-mission { max-width: 300px; }
#volume-control { display: flex; margin-right: 10px; }
#volume-control #mute-button { cursor: pointer; }