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,
...super.styles,
css`
:host {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
:host {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.textarea--resize-vertical {
height: 100%;
}
:host::part(form-control) {
height: 100%;
align-items: stretch !important;
}
.textarea--resize-vertical {
height: 100%;
}
:host::part(form-control-input), :host::part(textarea) {
height: 100%;
}
:host::part(form-control) {
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);
}
`,
];
}