From 882286c0e3216f6063758bb8f6ef6ea23a8629d4 Mon Sep 17 00:00:00 2001
From: Aaron Fenyes <aaron.fenyes@fareycircles.ooo>
Date: Wed, 13 Nov 2024 16:36:03 -0800
Subject: [PATCH] Write out "constraint" in HTML element classes

---
 app-proto/main.css       | 16 ++++++++--------
 app-proto/src/outline.rs |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app-proto/main.css b/app-proto/main.css
index 204c8c8..a78efd9 100644
--- a/app-proto/main.css
+++ b/app-proto/main.css
@@ -61,12 +61,12 @@ summary.selected {
   background-color: #444;
 }
 
-summary > div, .cst {
+summary > div, .constraint {
   padding-top: 4px;
   padding-bottom: 4px;
 }
 
-.elt, .cst {
+.elt, .constraint {
   display: flex;
   flex-grow: 1;
   padding-left: 8px;
@@ -91,7 +91,7 @@ details[open]:has(li) .elt-switch::after {
   flex-grow: 1;
 }
 
-.cst-label {
+.constraint-label {
   flex-grow: 1;
 }
 
@@ -107,26 +107,26 @@ details[open]:has(li) .elt-switch::after {
   width: 56px;
 }
 
-.cst {
+.constraint {
   font-style: italic;
 }
 
-.cst.invalid {
+.constraint.invalid {
   color: #f58fc2;
 }
 
-.cst > input[type=checkbox] {
+.constraint > input[type=checkbox] {
   margin: 0px 8px 0px 0px;
 }
 
-.cst > input[type=text] {
+.constraint > input[type=text] {
   color: inherit;
   background-color: inherit;
   border: 1px solid #555;
   border-radius: 2px;
 }
 
-.cst.invalid > input[type=text] {
+.constraint.invalid > input[type=text] {
   border-color: #70495c;
 }
 
diff --git a/app-proto/src/outline.rs b/app-proto/src/outline.rs
index f3951b5..8f2e6d7 100644
--- a/app-proto/src/outline.rs
+++ b/app-proto/src/outline.rs
@@ -44,12 +44,12 @@ fn ConstraintOutlineItem(constraint_key: ConstraintKey, element_key: ElementKey)
     };
     let other_subject_label = assembly.elements.with(|elts| elts[other_subject].label.clone());
     let class = constraint.lorentz_prod_valid.map(
-        |&lorentz_prod_valid| if lorentz_prod_valid { "cst" } else { "cst invalid" }
+        |&lorentz_prod_valid| if lorentz_prod_valid { "constraint" } else { "constraint invalid" }
     );
     view! {
         li(class=class.get()) {
             input(r#type="checkbox", bind:checked=constraint.active)
-            div(class="cst-label") { (other_subject_label) }
+            div(class="constraint-label") { (other_subject_label) }
             LorentzProductInput(constraint=constraint)
             div(class="status")
         }