Make checkbox vertically line up with surroundings

2022-07-28 10:36:20 -06:00 · 2022-07-28 10:36:20 -06:00 · 7a05318d49
commit 7a05318d49
parent 04ac4d6045
1 changed files with 5 additions and 0 deletions
--- a/api/js/etemplate/Et2Checkbox/Et2Checkbox.ts
+++ b/api/js/etemplate/Et2Checkbox/Et2Checkbox.ts
@ -23,6 +23,11 @@ export class Et2Checkbox extends Et2InputWidget(SlCheckbox)
 			...shoelace,
 			...super.styles,
 			css`
+			:host {
+				/* Make it line up with the middle of surroundings */
+				margin: auto 0px;
+				vertical-align: -webkit-baseline-middle;
+			}
            :host([disabled]) {
            	display:initial;
            }