diff options
| author | eska014 <eska014@users.noreply.github.com> | 2016-01-20 21:39:12 +0100 |
|---|---|---|
| committer | eska014 <eska014@users.noreply.github.com> | 2016-01-20 21:39:12 +0100 |
| commit | fcae3fb3bab25b588921e84ce43924c830b18dc5 (patch) | |
| tree | 02a9df86ce2d757f4aca97a894cc2815c781fa4c | |
| parent | 1103e9970a44b2bf14ce9e1ad53b485f00fa406d (diff) | |
| parent | 42b57154f0fc0f6a7ad863e77f8912753784e100 (diff) | |
Merge pull request #3397 from eska014/web-export-flex-status
Center status display per flexbox in web export
| -rw-r--r-- | tools/html_fs/godot.html | 24 |
1 files changed, 8 insertions, 16 deletions
diff --git a/tools/html_fs/godot.html b/tools/html_fs/godot.html index 6176fe7afa..c354826e1f 100644 --- a/tools/html_fs/godot.html +++ b/tools/html_fs/godot.html @@ -93,23 +93,15 @@ top: 0; right: 0; bottom: 0; - } - - #status-table { - /* vertical centering per table... */ - display: table; - width: 100%; - height: 100%; - } - - #status-table-cell { - display: table-cell; - vertical-align: middle; + display: flex; + justify-content: center; + align-items: center; + /* don't consume click events - make children visible explicitly */ + visibility: hidden; } #status { - /* hidden until explicitly shown in debug mode */ - visibility: hidden; + visibility: visible; 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();"> HTML5 canvas appears to be unsupported in the current browser.<br />Please try updating or use a different browser. </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> - </div></div></div> + </div> <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> <!-- hidden until implemented |