fix styling of et2-tabbox textarea to not cut off its box shadow when selected

This commit is contained in:
milan 2024-09-12 14:34:21 +02:00
parent b8844cd5c4
commit b770389011

View File

@ -23,24 +23,30 @@ export class Et2Textarea extends Et2InputWidget(SlTextarea)
...shoelace, ...shoelace,
...super.styles, ...super.styles,
css` css`
:host { :host {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.textarea--resize-vertical { .textarea--resize-vertical {
height: 100%; height: 100%;
} }
:host::part(form-control) {
height: 100%;
align-items: stretch !important;
}
:host::part(form-control-input), :host::part(textarea) { :host::part(form-control) {
height: 100%; height: 100%;
} align-items: stretch !important;
}
:host::part(form-control-input), :host::part(textarea) {
height: 100%;
}
.form-control-input .textarea--standard.textarea--focused:not(.textarea--disabled){
width: calc(100% - (2 * var(--sl-focus-ring-width)));
margin-left: var(--sl-focus-ring-width);
}
`, `,
]; ];
} }