jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 11:46:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix ha-textfield (max-width, text-overflow, padding) (#25043)

Browse Source 
* fix max-width, text-overflow, padding

* simmetrical padding
This commit is contained in:
ildar170975 2025-04-15 15:41:08 +03:00 committed by GitHub
parent 65dae09a49
commit 91a5497c60
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/ha-textfield.ts
View File

@ -136,13 +136,12 @@ export class HaTextField extends TextFieldBase {
}
.mdc-floating-label:not(.mdc-floating-label--float-above) {
text-overflow: ellipsis;
width: inherit;
padding-right: 30px;
padding-inline-end: 30px;
padding-inline-start: initial;
box-sizing: border-box;
direction: var(--direction);
max-width: calc(100% - 16px);
}
.mdc-floating-label--float-above {
max-width: calc((100% - 16px) / 0.75);
transition: none;
}
input {
@ -183,11 +182,15 @@ export class HaTextField extends TextFieldBase {
}
.mdc-floating-label {
padding-inline-end: 16px;
padding-inline-start: initial;
inset-inline-start: 16px !important;
inset-inline-end: initial !important;
transform-origin: var(--float-start);
direction: var(--direction);
text-align: var(--float-start);
box-sizing: border-box;
text-overflow: ellipsis;
}
.mdc-text-field--with-leading-icon.mdc-text-field--filled