cleanup modulator table

This commit is contained in:
Eveline-97 2025-07-01 16:34:27 +02:00
parent a7b0de9e66
commit 02d5c6e914
2 changed files with 28 additions and 7 deletions

View File

@ -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*/
} }

View File

@ -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"];