diff --git a/desktop/sources/links/main.css b/desktop/sources/links/main.css index 460de1c..e2db7d2 100644 --- a/desktop/sources/links/main.css +++ b/desktop/sources/links/main.css @@ -8,10 +8,15 @@ body { margin:0px; padding:0px; overflow:hidden; font-family:"input_mono_regular #ronin #wrapper #commander textarea { background: none; width: 100%; height: calc(100vh - 105px); resize: none; font-size: 12px;line-height: 15px; padding-right: 15px} #ronin #wrapper #commander div#status { position: absolute; bottom: 0px; text-transform: lowercase;} #ronin.expand #wrapper #commander { width:100%; } -#ronin.hidden #wrapper #commander { margin-left:-331px; } +#ronin canvas#surface,#ronin canvas#guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; background-image: url("data:image/svg+xml;utf8,"); background-size: 10px 10px; background-position: -4px -4px; width:100%; height:100%; transition: left 250ms} + +/* Default */ + +#ronin.hidden #wrapper #commander { margin-left:-40vw; } +#ronin.hidden canvas#surface, #ronin.hidden canvas#guide { left:0; } + +#ronin.hidden #wrapper #commander { margin-left:calc(-40vw - 30px); } +#ronin canvas#surface,#ronin canvas#guide { left:40vw; } -#ronin canvas#surface,#ronin canvas#guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; background-image: url("data:image/svg+xml;utf8,"); background-size: 10px 10px; background-position: -4px -4px; width:100%; height:100%; left:340px; transition: left 250ms} #ronin canvas#guide { background:none; } #ronin canvas#surface { border-radius: 2px } - -#ronin.hidden canvas#surface, #ronin.hidden canvas#guide { left:0px; } \ No newline at end of file diff --git a/desktop/sources/scripts/commander.js b/desktop/sources/scripts/commander.js index 978c2ed..276d93d 100644 --- a/desktop/sources/scripts/commander.js +++ b/desktop/sources/scripts/commander.js @@ -26,9 +26,8 @@ function Commander (ronin) { this.start = function () { this.setStatus('Ready.') - this._input.focus() this.run() - this.hide() + this.show() } this.run = (txt = this._input.value) => { @@ -157,12 +156,14 @@ function Commander (ronin) { if (this.isVisible === true) { return } ronin.el.className = expand ? 'expand' : '' this.isVisible = true + this._input.focus() } this.hide = function () { if (this.isVisible !== true) { return } ronin.el.className = 'hidden' this.isVisible = false + this._input.blur() } this.toggle = function (expand = false) {