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();
}