diff --git a/bin/em/variabletime/web/js/layer.js b/bin/em/variabletime/web/js/layer.js index 1efc457..9419dd5 100644 --- a/bin/em/variabletime/web/js/layer.js +++ b/bin/em/variabletime/web/js/layer.js @@ -523,12 +523,12 @@ const Layer = function(tp, layerID, fontsAndAxes, autoInit = true) { const inputElement = panelPropContainer .querySelector('input'); if (inputElement !== null) { - inputElement - .classList - .add(`${propKey}Input`); - inputElement - .classList - .add(`propInput`); + inputElement + .classList + .add(`${propKey}Input`); + inputElement + .classList + .add(`propInput`); } } } else { @@ -564,6 +564,20 @@ const Layer = function(tp, layerID, fontsAndAxes, autoInit = true) { panelPropTitles[unfriendlyName].innerHTML = friendlyName; panelPropTitles[unfriendlyName].classList.add('propTitle'); panelPropTitles[unfriendlyName].classList.add(`${unfriendlyName}Title`); + + let panelPropContainer = panelPropContainers[unfriendlyName]; + + for (let i = 0; i < panelPropContainer.children.length; i++) { + const child = panelPropContainer.children[i]; + if (child.querySelector('input') !== null) { + child.classList.add(`${unfriendlyName}InputWrapper`); + child.classList.add('propInputWrapper'); + } + if (child.contains(panelPropTitles[unfriendlyName])) { + child.classList.add(`${unfriendlyName}TitleWrapper`); + child.classList.add('propTitleWrapper'); + } + }; } } });