Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-02 08:33:31 +01:00
Code Activity

RTL textfield fixes for quick search (#30013)

Browse Source 
textfield fixes for quick search
This commit is contained in:
Yosi Levy
2026-03-06 20:42:21 +02:00
committed by GitHub
parent 67dbacce52
commit 697a945056
5 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ha-base-time-input.ts
View File

@@ -360,7 +360,11 @@ export class HaBaseTimeInput extends LitElement {
text-align: center;
--mdc-shape-small: 0;
--text-field-appearance: none;
--text-field-padding: 0 4px;
--text-field-padding-top: 0;
--text-field-padding-bottom: 0;
--text-field-padding-start: 4px;
--text-field-padding-end: 4px;
--text-field-suffix-padding-left: 2px;
--text-field-suffix-padding-right: 0;
--text-field-text-align: center;

5
src/components/ha-picker-combo-box.ts
View File

@@ -797,7 +797,10 @@ export class HaPickerComboBox extends ScrollableFadeMixin(LitElement) {
}
:host([clearable]) {
--text-field-padding: 0 0 0 var(--ha-space-4);
--text-field-padding-top: 0;
--text-field-padding-bottom: 0;
--text-field-padding-start: var(--ha-space-4);
--text-field-padding-end: 0;
}
ha-textfield {

5
src/components/ha-selector/ha-selector-color-rgb.ts
View File

@@ -51,7 +51,10 @@ export class HaColorRGBSelector extends LitElement {
align-items: center;
}
ha-textfield {
--text-field-padding: 8px;
--text-field-padding-top: 8px;
--text-field-padding-bottom: 8px;
--text-field-padding-start: 8px;
--text-field-padding-end: 8px;
min-width: 75px;
flex-grow: 1;
margin: 0 4px;

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

@@ -95,11 +95,12 @@ export class HaTextField extends TextFieldBase {
width: var(--ha-textfield-input-width, 100%);
}
.mdc-text-field:not(.mdc-text-field--with-leading-icon) {
padding: var(--text-field-padding, 0px 16px);
padding-top: var(--text-field-padding-top, 0px);
padding-bottom: var(--text-field-padding-bottom, 0px);
padding-inline-start: var(--text-field-padding-start, 16px);
padding-inline-end: var(--text-field-padding-end, 16px);
}
.mdc-text-field__affix--suffix {
padding-left: var(--text-field-suffix-padding-left, 12px);
padding-right: var(--text-field-suffix-padding-right, 0px);
padding-inline-start: var(--text-field-suffix-padding-left, 12px);
padding-inline-end: var(--text-field-suffix-padding-right, 0px);
direction: ltr;
@@ -110,12 +111,12 @@ export class HaTextField extends TextFieldBase {
direction: var(--direction);
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
padding-left: var(--text-field-suffix-padding-left, 0px);
padding-right: var(--text-field-suffix-padding-right, 0px);
padding-inline-start: var(--text-field-suffix-padding-left, 0px);
.mdc-text-field--with-trailing-icon {
padding-inline-start: var(--text-field-suffix-padding-left, 16px);
padding-inline-end: var(--text-field-suffix-padding-right, 0px);
direction: var(--direction);
}
.mdc-text-field:not(.mdc-text-field--disabled)
.mdc-text-field__affix--suffix {
color: var(--secondary-text-color);

5
src/panels/profile/ha-pick-theme-row.ts
View File

@@ -328,7 +328,10 @@ export class HaPickThemeRow extends SubscribeMixin(LitElement) {
flex-grow: 1;
}
ha-textfield {
--text-field-padding: 8px;
--text-field-padding-top: 8px;
--text-field-padding-bottom: 8px;
--text-field-padding-start: 8px;
--text-field-padding-end: 8px;
min-width: 75px;
flex-grow: 1;
margin: 0 4px;