Compare commits

..

No commits in common. "f21220e7b267b3ac29b4831b9f837f57c4f4e53e" and "fe165b77e5d2e5cc499edfd0effe6e0519947d58" have entirely different histories.

3 changed files with 21 additions and 22 deletions

View File

@ -38,23 +38,22 @@ body {
.header { .header {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-between; justify-content: flex-start;
align-items: center; align-items: center;
margin: 1em; margin: 1em;
border-bottom: 1px solid var(--active);
} }
.header button { .header button {
background-color: var(--background);
border: 1px solid var(--active); border: 1px solid var(--active);
color: var(--active); color: var(--active);
background-color: white;
padding: 4px; padding: 4px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
font-size: 13px;
padding: 0.5em; padding: 0.5em;
margin: 4px; margin: 4px;
font-size: 0.9em; border-radius: 25px;
min-width: 4.5em;
} }
td button { td button {

View File

@ -7,7 +7,6 @@
--> -->
<head> <head>
<meta charset="utf-8">
<link rel="stylesheet" href="./lfogui.css"> <link rel="stylesheet" href="./lfogui.css">
</head> </head>
@ -20,7 +19,10 @@
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./enums.js"></script> <script src="./enums.js"></script>
<script src="./modulators.js"></script> <script src="./modulators.js"></script>
<script src="./lfogui.js"></script> <script src="./lfogui.js">
</script>
</body> </body>

View File

@ -84,7 +84,7 @@ function MasterLfoHandler() {
return content return content
} }
let toggleEnabledText = enabled ? `Hide \u{25BE}` : `Show \u{25B8}`; let toggleEnabledText = enabled ? "Hide" : "Show";
/// MODULATOR ARRAYS /// MODULATOR ARRAYS
let userDefinedWavesBase = []; let userDefinedWavesBase = [];
@ -576,11 +576,9 @@ function MasterLfoHandler() {
return e('div', null, return e('div', null,
e('div', { className: 'header' }, e('div', { className: 'header' },
e('div', {className: 'nav'},
displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.MOD), className: modButtonClass}, 'Modulators')), displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.MOD), className: modButtonClass}, 'Modulators')),
displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.ENUM), className: enumButtonClass }, 'Enumerators')) displayIfEnabled(e('button', { onClick: () => setViewMode(ViewModes.ENUM), className: enumButtonClass }, 'Enumerators')),
), e('button', { onClick: toggleEnabled, }, toggleEnabledText),
e('button', { onClick: toggleEnabled, id: 'hide-button'}, toggleEnabledText),
//allows lock mode //allows lock mode
//e('span', { className: lockClass, onClick: toggleLockMode }, null) //e('span', { className: lockClass, onClick: toggleLockMode }, null)