diff options
| author | eska <eska@eska.me> | 2016-01-20 19:56:27 +0100 |
|---|---|---|
| committer | eska <eska@eska.me> | 2016-01-20 21:33:44 +0100 |
| commit | 42b57154f0fc0f6a7ad863e77f8912753784e100 (patch) | |
| tree | 02a9df86ce2d757f4aca97a894cc2815c781fa4c /tools/html_fs | |
| parent | 1103e9970a44b2bf14ce9e1ad53b485f00fa406d (diff) | |
Center status display in web export per flexbox
- Fix mouse button press events not arriving in canvas
- Fix right mouse button click on canvas opening context menu
Diffstat (limited to 'tools/html_fs')
| -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 |