holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Et2Checkbox: Fix internal positioning was causing entire page to overflow

Browse Source
This commit is contained in:
nathan 2022-12-09 10:55:19 -07:00
parent 086d4c0620
commit 5f44c51d89
1 changed files with 20 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
api/js/etemplate/Et2Checkbox/Et2Checkbox.ts
View File

@ -28,19 +28,26 @@ 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: baseline;
}
:host([disabled]) {
display:initial;
}
/* Extend hover highlight to label */
.checkbox:not(.checkbox--disabled):hover {
color: var(--sl-input-border-color-hover);
}
`,
:host {
/* Make it line up with the middle of surroundings */
margin: auto 0px;
vertical-align: baseline;
}
:host([disabled]) {
display: initial;
}
/* Fix positioning */
.checkbox {
position: relative;
}
/* Extend hover highlight to label */
.checkbox:not(.checkbox--disabled):hover {
color: var(--sl-input-border-color-hover);
}
`,
];
}