From b4b1df613e23778facbdb71205f854764b6ea0dd Mon Sep 17 00:00:00 2001 From: Fabio Alessandrelli Date: Mon, 26 Oct 2020 18:29:20 +0100 Subject: [PATCH 1/5] [HTML5] Editor also persists cache. --- misc/dist/html/editor.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/misc/dist/html/editor.html b/misc/dist/html/editor.html index 705383f0b3f..56f57b4c2ce 100644 --- a/misc/dist/html/editor.html +++ b/misc/dist/html/editor.html @@ -197,7 +197,8 @@ } Promise.all([ deleteDB("/home/web_user/projects"), - deleteDB("/home/web_user/.config") + deleteDB("/home/web_user/.config"), + deleteDB("/home/web_user/.cache"), ]).then(function(results) { alert("Done."); }).catch(function (err) { @@ -260,7 +261,7 @@ function startEditor(zip) { const INDETERMINATE_STATUS_STEP_MS = 100; - const persistentPaths = ['/home/web_user/.config', '/home/web_user/projects']; + const persistentPaths = ['/home/web_user/.config', '/home/web_user/.cache', '/home/web_user/projects']; var editorCanvas = document.getElementById('editor-canvas'); var gameCanvas = document.getElementById('game-canvas'); From 295b16dcf2b3db0694dbb2c4dd13602c9b2ceed5 Mon Sep 17 00:00:00 2001 From: Hugo Locurcio Date: Tue, 27 Oct 2020 20:40:33 +0100 Subject: [PATCH 2/5] [HTML5] Improve the editor HTML template. --- misc/dist/html/editor.html | 61 ++++++++++++++++++++++++++++++-------- 1 file changed, 49 insertions(+), 12 deletions(-) diff --git a/misc/dist/html/editor.html b/misc/dist/html/editor.html index 56f57b4c2ce..abe1b325352 100644 --- a/misc/dist/html/editor.html +++ b/misc/dist/html/editor.html @@ -9,11 +9,12 @@ body { touch-action: none; + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0; border: 0 none; padding: 0; text-align: center; - background-color: black; + background-color: #333b4f; overflow: hidden; } @@ -28,7 +29,6 @@ } .godot { - font-family: 'Noto Sans', 'Droid Sans', Arial, sans-serif; color: #e0e0e0; background-color: #3b3943; background-image: linear-gradient(to bottom, #403e48, #35333c); @@ -36,6 +36,44 @@ box-shadow: 0 0 1px 1px #2f2d35; } + .btn { + appearance: none; + color: #e0e0e0; + background-color: #262c3b; + border: 1px solid #202531; + padding: 0.5rem 1rem; + margin: 0 0.5rem; + } + + .btn:focus { + outline: 1px solid #699ce8; + } + + .btn:not(:disabled):hover { + color: #e0e1e5; + border-color: #666c7b; + } + + .btn:active { + border-color: #699ce8; + color: #699ce8; + } + + .btn:disabled { + color: #aaa; + border-color: #242937; + } + + .btn.tab-btn { + padding: 0.3rem 1rem; + } + + .btn.close-btn { + padding: 0.3rem 1rem; + margin-left: -0.75rem; + font-weight: 700; + } + /* Status display * ============== */ @@ -116,27 +154,26 @@
- - - - - + + + + +
-
+


- +
- +
-
- +