Write out "constraint" in HTML element classes

This commit is contained in:
Aaron Fenyes 2024-11-13 16:36:03 -08:00
parent b3470b597d
commit 882286c0e3
2 changed files with 10 additions and 10 deletions

View File

@ -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;
}

View File

@ -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")
}