diff --git a/evennia/web/webclient/static/webclient/css/goldenlayout.css b/evennia/web/webclient/static/webclient/css/goldenlayout.css index bbb099e712..8096f8a89b 100644 --- a/evennia/web/webclient/static/webclient/css/goldenlayout.css +++ b/evennia/web/webclient/static/webclient/css/goldenlayout.css @@ -34,8 +34,36 @@ label { display: block; } +.lm_header .lm_tab { + padding-right: 6px; + padding-left: 3px; + padding-bottom: 5px; + padding-top: 0px; + margin-top: 1px; + margin-right: 5px; +} + .lm_title { text-align: center; + margin-right: 2px; +} + +.lm_tab.lm_active { + padding-bottom: 5px; + padding-top: 0px; + margin-top: 1px; +} +.lm_close_tab { + opacity: 1 !important; + background-image: none !important; + top: 0px !important; + right: 0px !important; +} + +.lm_close_tab:before { + font-size: 1.15em; + width: 1.15em; + content: "\2715"; } #typelist { @@ -94,6 +122,9 @@ label { z-index: 1; height: inherit; width: 30px; + color: white; + background-color: black; + border: 0px; } .inputfield { diff --git a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js index caa18289d9..d644df7711 100644 --- a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js +++ b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout.js @@ -13,6 +13,7 @@ let goldenlayout = (function () { title: "Untitled", type: "component", componentName: "evennia", + tooltip: "Click and drag tabs to make new panes" componentState: { types: "all", updateMethod: "newlines", @@ -279,11 +280,10 @@ let goldenlayout = (function () { // var onTabCreate = function (tab) { //HTML for the typeDropdown - let renameDropdownControl = $("\u2B57"); - let typeDropdownControl = $(""); - let updateDropdownControl = $(""); - let splitControl = $("+"); - + let renameDropdownControl = $("🢒"); + let typeDropdownControl = $(""); + let updateDropdownControl = $(""); + let splitControl = $("+"); // track dropdowns when the associated control is clicked renameDropdownControl.click( tab, renameDropdown ); @@ -314,7 +314,7 @@ let goldenlayout = (function () { // var onInputCreate = function (tab) { //HTML for the typeDropdown - let splitControl = $("+"); + let splitControl = $("+"); // track adding a new tab splitControl.click( tab, function (evnt) { diff --git a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout_default_config.js b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout_default_config.js index cd0b0ca5ec..04cc5246b3 100644 --- a/evennia/web/webclient/static/webclient/js/plugins/goldenlayout_default_config.js +++ b/evennia/web/webclient/static/webclient/js/plugins/goldenlayout_default_config.js @@ -24,7 +24,7 @@ var goldenlayout_config = { // Global Variable used in goldenlayout.js init() type: "component", componentName: "Main", isClosable: false, // remove the 'x' control to close this - tooltip: "Main - drag to desird position.", + tooltip: "Main - drag to desired position.", componentState: { types: "untagged", updateMethod: "newlines", diff --git a/evennia/web/webclient/static/webclient/js/plugins/history.js b/evennia/web/webclient/static/webclient/js/plugins/history.js index d7a33c1175..b6130a235d 100644 --- a/evennia/web/webclient/static/webclient/js/plugins/history.js +++ b/evennia/web/webclient/static/webclient/js/plugins/history.js @@ -51,10 +51,10 @@ let history = (function () { var historyEntry = null; // Only process up/down arrow if cursor is at the end of the line. - if (code === 38 && event.shiftKey) { // Arrow up + if (code === 38 && event.shiftKey) { // Shift + Arrow up historyEntry = back(); } - else if (code === 40 && event.shiftKey) { // Arrow down + else if (code === 40 && event.shiftKey) { // Shift + Arrow down historyEntry = fwd(); }