diff --git a/popup.css b/popup.css index 83c71af..6861ea2 100644 --- a/popup.css +++ b/popup.css @@ -120,6 +120,7 @@ body { #ubiq-result-panel { vertical-align: top; + max-width: 240px; width: 0px; height: 505px; margin: 0; diff --git a/popup.js b/popup.js index 9d001bc..b64778f 100644 --- a/popup.js +++ b/popup.js @@ -196,8 +196,8 @@ function ubiq_dispatch_command(line) { function ubiq_help() { var html = '
Type the name of a command and press Enter to execute it, or help for assistance.
'; - html += "commands loaded:
";
+ html += 'Type the name of a command and press Enter to execute it, or help for assistance.
commands loaded: "; html += CmdUtils.CommandList.map((c)=>{ return ""+(c.builtIn ? c.name : ""+c.name+"")+""; }).sort().join(", "); @@ -628,7 +628,7 @@ function ubiq_load_input(callback) { // detect ubiq-result-panel resizing and ses width/max-width of ubiq-command-panel, -tip and -preview var resultResizeObserver = new ResizeObserver(entries => { - var w = 780 - $("#ubiq-result-panel").width() + "px"; + var w = 780 - Math.min($("#ubiq-result-panel").width(),240)+ "px"; $("#ubiq-command-panel,#ubiq-command-tip,#ubiq-command-preview").css({"width":w, "max-width":w}); }); resultResizeObserver.observe(document.querySelector('#ubiq-result-panel'));