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

Added info/help modal.

Browse source
This commit is contained in:
firebingo 2018-05-24 15:55:38 -07:00
parent 6734df9dec
commit a1835bdf42
3 changed files with 40 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
Css/main.css
View file

@ -102,7 +102,7 @@ body { margin: 0; }
#title-container { margin-bottom: 2px; }
#other-controls-container { display: flex; width: 550px; justify-content: center; z-index: 10; }
#other-controls-container { display: flex; width: 550px; justify-content: center; align-items: center; z-index: 10; }
#select-mission { min-width: 0; }
@ -132,7 +132,7 @@ body { margin: 0; }
#mission-modal #mission-ids div { display: flex; align-items: center; }
#modal-buttons { bottom: 0; margin-top: 10px; width: 100%; display: flex; justify-content: space-between; }
#modal-buttons { bottom: 0; margin-top: auto; width: 100%; display: flex; justify-content: space-between; }
@media screen and (max-width: 812px) {
#modal-container { top: 0; bottom: 0; left: 0; right: 0; transform: none; }
@ -140,6 +140,10 @@ body { margin: 0; }
#other-controls-container { width: 100vw; }
}
@media screen and (max-width: 411px) {
#volume-range { width: 100px; }
}
@media screen and (max-height: 600px) {
#mission-modal #mission-detail { display: none; }
#mission-modal #mission-icon { display: block; max-height: 20%; margin: 10px 0 10px 0; object-fit: contain; }