Fixed textarea

pull/5507/head
Cagatay Civici 2024-03-25 21:59:56 +03:00
parent 8b328466fe
commit d36dabf257
1 changed files with 12 additions and 12 deletions

View File

@ -4,46 +4,46 @@ export default {
font-family: inherit; font-family: inherit;
font-feature-settings: inherit; font-feature-settings: inherit;
font-size: 1rem; font-size: 1rem;
color: ${dt('textara.color')}; color: ${dt('textarea.color')};
background: ${dt('textara.background')}; background: ${dt('textarea.background')};
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
border: 1px solid ${dt('textara.border.color')}; border: 1px solid ${dt('textarea.border.color')};
transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
appearance: none; appearance: none;
border-radius: ${dt('rounded.base')}; border-radius: ${dt('rounded.base')};
outline-color: transparent; outline-color: transparent;
box-shadow: ${dt('textara.box.shadow')}; box-shadow: ${dt('textarea.box.shadow')};
} }
.p-inputtextarea:enabled:hover { .p-inputtextarea:enabled:hover {
border-color: ${dt('textara.hover.border.color')}; border-color: ${dt('textarea.hover.border.color')};
} }
.p-inputtextarea:enabled:focus { .p-inputtextarea:enabled:focus {
border-color: ${dt('textara.focus.border.color')}; border-color: ${dt('textarea.focus.border.color')};
outline: 0 none; outline: 0 none;
} }
.p-inputtextarea.p-invalid { .p-inputtextarea.p-invalid {
border-color: ${dt('textara.invalid.border.color')}; border-color: ${dt('textarea.invalid.border.color')};
} }
.p-inputtextarea.p-variant-filled { .p-inputtextarea.p-variant-filled {
background-color: ${dt('textara.filled.background')}; background-color: ${dt('textarea.filled.background')};
} }
.p-inputtextarea.p-variant-filled:enabled:focus { .p-inputtextarea.p-variant-filled:enabled:focus {
background-color: ${dt('textara.filled.focus.background')}; background-color: ${dt('textarea.filled.focus.background')};
} }
.p-inputtextarea:disabled { .p-inputtextarea:disabled {
opacity: 1; opacity: 1;
background: ${dt('textara.disabled.background')}; background: ${dt('textarea.disabled.background')};
color: ${dt('textara.disabled.color')}; color: ${dt('textarea.disabled.color')};
} }
.p-inputtextarea::placeholder { .p-inputtextarea::placeholder {
color: ${dt('textara.placeholder.color')}; color: ${dt('textarea.placeholder.color')};
} }
.p-fluid .p-inputtextarea { .p-fluid .p-inputtextarea {