fix more css

Author: luc-github

.claude/settings.json

@@ -0,0 +1,30 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(find . -name \"*.scss\" -exec cat {})",
+      "Bash(git -C \"c:/Users/luc/Documents/GitHub/ESP3D-WEBUI\" log --oneline -10)",
+      "Bash(git -C \"c:/Users/luc/Documents/GitHub/ESP3D-WEBUI\" show 7f86d12 --name-only --format=\"\")",
+      "Bash(git -C \"c:/Users/luc/Documents/GitHub/ESP3D-WEBUI\" stash list)",
+      "Bash(git -C c:/Users/luc/Documents/GitHub/ESP3D-WEBUI show 3.0:src/style/index.scss)",
+      "Bash(git -C c:/Users/luc/Documents/GitHub/ESP3D-WEBUI show 3.0:src/style/components/control.scss)",
+      "Bash(git -C \"c:/Users/luc/Documents/GitHub/ESP3D-WEBUI\" ls-tree -r 3.0 -- src/style/)",
+      "Bash(git -C \"c:/Users/luc/Documents/GitHub/ESP3D-WEBUI\" show 9bc0d74c7b0548afa5de71d03082ccbbad0d1942)",
+      "Bash(cut -d'{' -f1)",
+      "Bash(for cls:*)",
+      "Bash(do)",
+      "Bash(if grep:*)",
+      "Bash(then)",
+      "Bash(echo \"✓ $cls\")",
+      "Bash(else)",
+      "Bash(echo \"✗ MANQUANT: $cls\")",
+      "Bash(fi)",
+      "Bash(done)",
+      "Bash(grep -o ^.[a-z-]* C:UserslucDocumentsGitHubESP3D-WEBUIsrcstyleindex.scss)",
+      "Bash(do if:*)",
+      "Bash(then echo:*)",
+      "Bash(for class:*)",
+      "Bash(do echo:*)",
+      "Bash(grep -r \"class.*$class\" \"C:\\\\Users\\\\luc\\\\Documents\\\\GitHub\\\\ESP3D-WEBUI\\\\src\" --include=\"*.js\")"
+    ]
+  }
+}

.claude/settings.local.json

@@ -3,7 +3,11 @@
     "allow": [
       "Bash(grep -roh className=\"\"[^\"\"]*\"\" src/components/ src/targets/ --include=*.js --include=*.jsx)",
       "Bash(grep -roh class=[^]* src/ --include=*.js --include=*.jsx --include=*.html)",
-      "Bash(grep -v '^$')"
+      "Bash(grep -v '^$')",
+      "Read(//tmp/**)",
+      "Bash(while read:*)",
+      "Bash(do grep:*)",
+      "Bash(echo $class done)"
     ]
   }
 }

css_transition/CLASS_MIGRATION.md

@@ -0,0 +1,131 @@
+text.jog {
+    font-weight: 900;
+    font-size: 11px;
+    fill: black;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+text.home {
+    font-weight: 600;
+    font-size: 16px;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+text.scl {
+    stroke: white;
+    fill: white;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.charts-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    height: 100%;
+}
+
+.charts-subcontainer {
+    flex: 0 0 auto;
+}
+
+
+text.posscl {
+    font-weight: 200;
+    font-size: 8px;
+    stroke: black;
+    fill: black;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+circle.cross {
+    stroke: black;
+    fill-opacity: 0;
+    stroke-width: 2;
+    pointer-events: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+rect.movez {
+    fill: #f06565;
+    fill-opacity: 1;
+    stroke: black;
+    stroke-width: 1;
+    filter: url(#f1);
+}
+
+rect.movez:hover {
+    fill: orange;
+    cursor: pointer;
+}
+
+circle.std {
+    fill: #f06565;
+    fill-opacity: 1;
+    stroke: black;
+    stroke-width: 1;
+    filter: url(#f1);
+}
+
+circle.std:hover {
+    fill: orange;
+    cursor: pointer;
+}
+
+circle.scl {
+    fill: black;
+    fill-opacity: 0.5;
+    stroke: red;
+    stroke-width: 3;
+    filter: url(#f1);
+    pointer-events: none;
+}
+
+path.home {
+    stroke: black;
+}
+
+path.std {
+    stroke: black;
+    stroke-width: 1;
+    filter: url(#f1);
+}
+
+.pressedbutton {
+    fill: #ff7c26;
+    stroke: black;
+    stroke-width: 1;
+    cursor: pointer;
+}
+
+rect.std {
+    stroke: black;
+    stroke-width: 1;
+    filter: url(#f1);
+}
+rect.std:hover {
+    fill: orange;
+    cursor: pointer;
+}
+
+path.std:hover {
+    fill: orange;
+    cursor: pointer;
+}