higlight required form fields in material design

ULB-Darmstadt · Oct 8, 2024 · a748a2d · a748a2d
1 parent dfa7648
commit a748a2d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/themes/material.css b/src/themes/material.css
@@ -10,3 +10,5 @@ mdui-text-field::part(input) {
 }
 form.mode-edit { --label-width: 0em; }
 .property-instance { margin-bottom:14px; }
+.mode-edit .property-instance *[required]::part(icon) { align-self: flex-start; padding-top: 0.7em; }
+.mode-edit .property-instance *[required]::part(icon)::before { color: red; content: '\2736'; font-size: 0.6em; }
diff --git a/src/themes/material.ts b/src/themes/material.ts
@@ -93,6 +93,7 @@ export class MaterialTheme extends Theme {
         editor.variant = 'outlined'
         editor.label = label
         editor.helper = template?.description?.value
+        editor.clearable = true
         // @ts-ignore
         const result = this.createDefaultTemplate('', null, required, editor, template)
         let addEmptyOption = true