extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-21 15:33:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
milan 2024-09-12 14:34:21 +02:00
parent b8844cd5c4
commit b770389011
1 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
api/js/etemplate/Et2Textarea/Et2Textarea.ts
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);
}
`, `,
]; ];
} }