From 77ffed02252d749cd31872a497cb601d4baca388 Mon Sep 17 00:00:00 2001
From: themancalledjakob <jrkb@jrkb.land>
Date: Mon, 1 Apr 2024 11:29:10 +0200
Subject: [PATCH] more css classes in side panel

dependencies hashes:
openFrameworks d78075f4bca6be2a2533c6e51a75cc1f18404501
ofxMsdfgen e14da13d02c4dff04fb69d7923469f606924e6c3
ofxGPUFont d482bb7cbdf6b296fa4ab5abcf73fb5ff8c8b239
ofxVariableLab 0b5f9bdebc1e5550621957e73c040c258ec6317b
ofxProfiler a868e34fa1a79189dd4fbdede2938e308535e5e8
theatre 86d3e07f6f2c75fd6e08fca8c97e3617c9e23b18
---
 bin/em/variabletime/web/js/layer.js | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/bin/em/variabletime/web/js/layer.js b/bin/em/variabletime/web/js/layer.js
index 0825822..1efc457 100644
--- a/bin/em/variabletime/web/js/layer.js
+++ b/bin/em/variabletime/web/js/layer.js
@@ -510,10 +510,26 @@ const Layer = function(tp, layerID, fontsAndAxes, autoInit = true) {
                                     panelPropContainer
                                         .classList
                                         .add(`${propKey}ContWrapper`);
+                                    panelPropContainer
+                                        .classList
+                                        .add(`propContWrapper`);
                                 } else {
                                     panelPropContainer
                                         .classList
                                         .add(`${propKey}Wrapper`);
+                                    panelPropContainer
+                                        .classList
+                                        .add(`propWrapper`);
+                                    const inputElement = panelPropContainer
+                                                            .querySelector('input');
+                                    if (inputElement !== null) {
+                                    inputElement
+                                        .classList
+                                        .add(`${propKey}Input`);
+                                    inputElement
+                                        .classList
+                                        .add(`propInput`);
+                                    }
                                 }
                             } else {
                                 console.log('Layer::findInjectPanel',
@@ -539,11 +555,15 @@ const Layer = function(tp, layerID, fontsAndAxes, autoInit = true) {
                                         const subFriendlyName = config.layer.friendlyNames[subUnfriendlyName];
                                         if (e.innerHTML === subUnfriendlyName) {
                                             e.innerHTML = subFriendlyName;
+                                            e.classList.add('propTitle');
+                                            e.classList.add(`${unfriendlyName}_${subUnfriendlyName}Title`);
                                         }
                                     });
                                 });
                             } else {
                                 panelPropTitles[unfriendlyName].innerHTML = friendlyName;
+                                panelPropTitles[unfriendlyName].classList.add('propTitle');
+                                panelPropTitles[unfriendlyName].classList.add(`${unfriendlyName}Title`);
                             }
                         }
                     });