markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

more modern full screen handling

Browse source
This commit is contained in:
Matt Walsh 2020-09-25 16:36:43 -05:00
commit ba16c8f1f4
5 changed files with 28 additions and 180 deletions
Download patch file Download diff file Expand all files Collapse all files

34
server/styles/index.css
View file

@ -1,4 +1,4 @@
@font-face
@font-face
{
font-family: "Star4000";
src: url('../fonts/Star4000.woff') format('woff');
@ -54,19 +54,19 @@ input, button
display: block;
background-color: #000000;
color: #ffffff;
width: 640px;
width: 100%;
max-width: 640px;
}
#divTwcMiddle
{
display: flex;
/* display: flex; */
}
#divTwcLeft
{
visibility: hidden;
display: none;
text-align: right;
display: flex;
flex-direction: column;
vertical-align: middle;
}
@ -81,9 +81,8 @@ input, button
#divTwcRight
{
visibility: hidden;
text-align: left;
display: flex;
display: none;
flex-direction: column;
vertical-align: middle;
}
@ -133,11 +132,12 @@ input, button
#divTwcNav
{
width: 100%;
display: flex;
flex-direction: row;
background-color: #000000;
color: #ffffff;
width: 640px;
max-width: 640px;
}
#divTwcNav > div
{
@ -216,9 +216,10 @@ input, button
{
font-family: "Star4000";
margin: 0 0 0 0;
overflow: hidden;
width: 640px;
height: 480px;
/* overflow: hidden; */
/* width: 100%; */
/* height: 480px; */
/* max-width: 640px; */
}
jsgif
@ -256,11 +257,15 @@ jsgif
}
#container {
position: absolute;
/* position: absolute; */
width: 100%;
/* max-width: 640px; */
}
#container canvas {
position: absolute;
/* position: absolute; */
width: 100%;
max-width: 640px;
}
.heading {
font-weight: bold;
@ -272,4 +277,7 @@ jsgif
#enabledDisplays label {
display: block;
max-width: 300px;
}
#divTwcNav img {
zoom: 200%;
}