Tweaking CSS styles/unicodes a little

This commit is contained in:
Griatch 2019-04-07 00:26:37 +02:00
parent 1b9efff99d
commit 8dfb6da4da
4 changed files with 40 additions and 9 deletions

View file

@ -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 {

View file

@ -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 = $("<span class='lm_title' style='font-size: 1em;width: 1.5em;'>\u2B57</span>");
let typeDropdownControl = $("<span class='lm_title' style='font-size: 1.5em;width: 1em;'>&#11163;</span>");
let updateDropdownControl = $("<span class='lm_title' style='font-size: 1.5em;width: 1em;'>&#11163;</span>");
let splitControl = $("<span class='lm_title' style='font-size: 2em;width: 1em;'>+</span>");
let renameDropdownControl = $("<span class='lm_title' style='font-size: 1.5em;width: 0.5em;'>&#129170;</span>");
let typeDropdownControl = $("<span class='lm_title' style='font-size: 1.0em;width: 1em;'>&#11201;</span>");
let updateDropdownControl = $("<span class='lm_title' style='font-size: 1.0em;width: 1em;'>&#11208;</span>");
let splitControl = $("<span class='lm_title' style='font-size: 1.5em;width: 1em;'>+</span>");
// 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 = $("<span class='lm_title' style='font-size: 2em;width: 1em;'>+</span>");
let splitControl = $("<span class='lm_title' style='font-size: 1.5em;width: 1em;'>+</span>");
// track adding a new tab
splitControl.click( tab, function (evnt) {

View file

@ -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",

View file

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