cleanup modulator table
This commit is contained in:
parent
a7b0de9e66
commit
02d5c6e914
33
lfogui.css
33
lfogui.css
@ -27,8 +27,7 @@ body {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
border: 0;
|
border: 0;
|
||||||
overflow-x: hidden;
|
overflow-x: scroll;
|
||||||
/* no horizontal scrollbar*/
|
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
display: block;
|
display: block;
|
||||||
/* No floating content on sides */
|
/* No floating content on sides */
|
||||||
@ -77,12 +76,17 @@ td button {
|
|||||||
|
|
||||||
/* table */
|
/* table */
|
||||||
table {
|
table {
|
||||||
overflow: scroll;
|
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
|
padding: 0em;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
background-color: lightsteelblue;
|
background-color: lightsteelblue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* points datacells should have a min-width*/
|
||||||
|
.enum-count {
|
||||||
|
min-width: 5.6em;
|
||||||
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
padding: 0.4em 0.3em;
|
padding: 0.4em 0.3em;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -90,18 +94,26 @@ th {
|
|||||||
|
|
||||||
thead {
|
thead {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: royalblue;
|
background-color: var(--active);
|
||||||
}
|
}
|
||||||
|
|
||||||
tr, td {
|
tr,
|
||||||
|
td {
|
||||||
margin: 0em;
|
margin: 0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
td:last-child {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* input types */
|
/* input types */
|
||||||
/* dropdown list */
|
/* dropdown list */
|
||||||
select {
|
select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
option, select>* {
|
option, select>* {
|
||||||
font-size: 0.8em !important;
|
font-size: 0.8em !important;
|
||||||
@ -113,12 +125,14 @@ option, select>* {
|
|||||||
option {
|
option {
|
||||||
background-color: var(--active);
|
background-color: var(--active);
|
||||||
}
|
}
|
||||||
|
|
||||||
option:not(:checked) {
|
option:not(:checked) {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* input */
|
/* input */
|
||||||
input, select {
|
input,
|
||||||
|
select {
|
||||||
border: 1px solid var(--active);
|
border: 1px solid var(--active);
|
||||||
color: var(--active);
|
color: var(--active);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -128,6 +142,11 @@ input, select {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
padding-left: 5px;
|
||||||
|
/*slight padding on left*/
|
||||||
|
}
|
||||||
|
|
||||||
input[type=number] {
|
input[type=number] {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
}
|
}
|
||||||
@ -249,6 +268,8 @@ h5 {
|
|||||||
font-size: small;
|
font-size: small;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
display: none;
|
||||||
|
/*hide*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -30,7 +30,7 @@ const LockModes = Object.freeze({
|
|||||||
var modPhases = Array(MAXLFOS).fill(0);
|
var modPhases = Array(MAXLFOS).fill(0);
|
||||||
var firstUpdateTime = Date.now();
|
var firstUpdateTime = Date.now();
|
||||||
|
|
||||||
const MODULATORLABELS = ["inst", "type", "shape", "param", "timebase", "min", "max", "phase", "center"];
|
const MODULATORLABELS = ["inst", "type", "shape", "param", "timebase", "min", "max", "phase", "center", "result", "", ""];
|
||||||
const ENUMERATORLABELS = ["inst", "parameter", "# points"];
|
const ENUMERATORLABELS = ["inst", "parameter", "# points"];
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user