maxmustermann/godot
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Merge pull request #3397 from eska014/web-export-flex-status

Browse source 
Center status display per flexbox in web export
This commit is contained in:
eska014 2016-01-20 21:39:12 +01:00
parent 1103e9970a 42b57154f0
commit fcae3fb3ba
1 changed files with 8 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
tools/html_fs/godot.html
View file

@ -93,23 +93,15 @@
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
} display: flex;
justify-content: center;
#status-table { align-items: center;
/* vertical centering per table... */ /* don't consume click events - make children visible explicitly */
display: table; visibility: hidden;
width: 100%;
height: 100%;
}
#status-table-cell {
display: table-cell;
vertical-align: middle;
} }
#status { #status {
/* hidden until explicitly shown in debug mode */ visibility: visible;
visibility: hidden;
padding: 4px 6px; padding: 4px 6px;
} }
@ -184,9 +176,9 @@
<canvas id="canvas" width="$GODOT_CANVAS_WIDTH" height="$GODOT_CANVAS_HEIGHT" onclick="canvas.ownerDocument.defaultView.focus();" oncontextmenu="event.preventDefault();"> <canvas id="canvas" width="$GODOT_CANVAS_WIDTH" height="$GODOT_CANVAS_HEIGHT" onclick="canvas.ownerDocument.defaultView.focus();" oncontextmenu="event.preventDefault();">
HTML5 canvas appears to be unsupported in the current browser.<br />Please try updating or use a different browser. HTML5 canvas appears to be unsupported in the current browser.<br />Please try updating or use a different browser.
</canvas> </canvas>
<div id="status-container"><div id="status-table"><div id="status-table-cell"> <div id="status-container">
<span id="status" class="godot" onclick="this.style.visibility='hidden';">Loading page...</span> <span id="status" class="godot" onclick="this.style.visibility='hidden';">Loading page...</span>
</div></div></div> </div>
<div id="controls" class="godot"> <div id="controls" class="godot">
<label id="display-output"><input id="output-toggle" type="checkbox" autocomplete="off" onchange="Presentation.setOutputVisible(this.checked);" />display output</label> <label id="display-output"><input id="output-toggle" type="checkbox" autocomplete="off" onchange="Presentation.setOutputVisible(this.checked);" />display output</label>
<!-- hidden until implemented <!-- hidden until implemented