Tweaking CSS styles/unicodes a little
This commit is contained in:
parent
1b9efff99d
commit
8dfb6da4da
4 changed files with 40 additions and 9 deletions
|
|
@ -34,8 +34,36 @@ label {
|
||||||
display: block;
|
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 {
|
.lm_title {
|
||||||
text-align: center;
|
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 {
|
#typelist {
|
||||||
|
|
@ -94,6 +122,9 @@ label {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
height: inherit;
|
height: inherit;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
color: white;
|
||||||
|
background-color: black;
|
||||||
|
border: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inputfield {
|
.inputfield {
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@ let goldenlayout = (function () {
|
||||||
title: "Untitled",
|
title: "Untitled",
|
||||||
type: "component",
|
type: "component",
|
||||||
componentName: "evennia",
|
componentName: "evennia",
|
||||||
|
tooltip: "Click and drag tabs to make new panes"
|
||||||
componentState: {
|
componentState: {
|
||||||
types: "all",
|
types: "all",
|
||||||
updateMethod: "newlines",
|
updateMethod: "newlines",
|
||||||
|
|
@ -279,11 +280,10 @@ let goldenlayout = (function () {
|
||||||
//
|
//
|
||||||
var onTabCreate = function (tab) {
|
var onTabCreate = function (tab) {
|
||||||
//HTML for the typeDropdown
|
//HTML for the typeDropdown
|
||||||
let renameDropdownControl = $("<span class='lm_title' style='font-size: 1em;width: 1.5em;'>\u2B57</span>");
|
let renameDropdownControl = $("<span class='lm_title' style='font-size: 1.5em;width: 0.5em;'>🢒</span>");
|
||||||
let typeDropdownControl = $("<span class='lm_title' style='font-size: 1.5em;width: 1em;'>⮛</span>");
|
let typeDropdownControl = $("<span class='lm_title' style='font-size: 1.0em;width: 1em;'>⯁</span>");
|
||||||
let updateDropdownControl = $("<span class='lm_title' style='font-size: 1.5em;width: 1em;'>⮛</span>");
|
let updateDropdownControl = $("<span class='lm_title' style='font-size: 1.0em;width: 1em;'>⯈</span>");
|
||||||
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 dropdowns when the associated control is clicked
|
// track dropdowns when the associated control is clicked
|
||||||
renameDropdownControl.click( tab, renameDropdown );
|
renameDropdownControl.click( tab, renameDropdown );
|
||||||
|
|
||||||
|
|
@ -314,7 +314,7 @@ let goldenlayout = (function () {
|
||||||
//
|
//
|
||||||
var onInputCreate = function (tab) {
|
var onInputCreate = function (tab) {
|
||||||
//HTML for the typeDropdown
|
//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
|
// track adding a new tab
|
||||||
splitControl.click( tab, function (evnt) {
|
splitControl.click( tab, function (evnt) {
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ var goldenlayout_config = { // Global Variable used in goldenlayout.js init()
|
||||||
type: "component",
|
type: "component",
|
||||||
componentName: "Main",
|
componentName: "Main",
|
||||||
isClosable: false, // remove the 'x' control to close this
|
isClosable: false, // remove the 'x' control to close this
|
||||||
tooltip: "Main - drag to desird position.",
|
tooltip: "Main - drag to desired position.",
|
||||||
componentState: {
|
componentState: {
|
||||||
types: "untagged",
|
types: "untagged",
|
||||||
updateMethod: "newlines",
|
updateMethod: "newlines",
|
||||||
|
|
|
||||||
|
|
@ -51,10 +51,10 @@ let history = (function () {
|
||||||
var historyEntry = null;
|
var historyEntry = null;
|
||||||
|
|
||||||
// Only process up/down arrow if cursor is at the end of the line.
|
// 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();
|
historyEntry = back();
|
||||||
}
|
}
|
||||||
else if (code === 40 && event.shiftKey) { // Arrow down
|
else if (code === 40 && event.shiftKey) { // Shift + Arrow down
|
||||||
historyEntry = fwd();
|
historyEntry = fwd();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue