diff --git a/lfogui.css b/lfogui.css index ea06320..10a3ec8 100644 --- a/lfogui.css +++ b/lfogui.css @@ -27,8 +27,7 @@ body { height: 100%; margin: 0px; border: 0; - overflow-x: hidden; - /* no horizontal scrollbar*/ + overflow-x: scroll; overflow-y: scroll; display: block; /* No floating content on sides */ @@ -77,12 +76,17 @@ td button { /* table */ table { - overflow: scroll; margin: 1em; + padding: 0em; border-collapse: collapse; background-color: lightsteelblue; } +/* points datacells should have a min-width*/ +.enum-count { + min-width: 5.6em; +} + th { padding: 0.4em 0.3em; text-align: left; @@ -90,18 +94,26 @@ th { thead { color: white; - background-color: royalblue; + background-color: var(--active); } -tr, td { +tr, +td { margin: 0em; } +td:last-child { + white-space: nowrap; + overflow: hidden; + padding: 0; +} + /* input types */ /* dropdown list */ select { width: 100%; } + /* option, select>* { font-size: 0.8em !important; @@ -113,12 +125,14 @@ option, select>* { option { background-color: var(--active); } + option:not(:checked) { background-color: white; } /* input */ -input, select { +input, +select { border: 1px solid var(--active); color: var(--active); margin: 0; @@ -128,6 +142,11 @@ input, select { box-sizing: border-box; } +input { + padding-left: 5px; + /*slight padding on left*/ +} + input[type=number] { width: 50px; } @@ -249,6 +268,8 @@ h5 { font-size: small; margin-left: 2px; margin-top: 5px; + display: none; + /*hide*/ } diff --git a/lfogui.js b/lfogui.js index f8f0092..3006427 100644 --- a/lfogui.js +++ b/lfogui.js @@ -30,7 +30,7 @@ const LockModes = Object.freeze({ var modPhases = Array(MAXLFOS).fill(0); 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"];