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

Fix search bar styling (#23396)

Browse Source
This commit is contained in:
Bram Kragten 2024-12-23 14:23:51 +01:00 committed by GitHub
parent fd95ab5518
commit 061b6af812
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 7 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ha-outlined-field.ts
View File

@ -22,14 +22,6 @@ export class HaOutlinedField extends MdOutlinedField {
border-end-start-radius: var(--_container-shape-end-start); border-end-start-radius: var(--_container-shape-end-start);
border-end-end-radius: var(--_container-shape-end-end); border-end-end-radius: var(--_container-shape-end-end);
} }
.with-start .start {
margin-inline-end: var(--ha-outlined-field-start-margin, 4px);
margin-inline-start: initial;
}
.with-end .end {
margin-inline-start: var(--ha-outlined-field-end-margin, 4px);
margin-inline-end: initial;
}
`, `,
]; ];
} }

5
src/components/ha-outlined-text-field.ts
View File

@ -28,8 +28,9 @@ export class HaOutlinedTextField extends MdOutlinedTextField {
--md-outlined-field-container-shape-end-end: 10px; --md-outlined-field-container-shape-end-end: 10px;
--md-outlined-field-container-shape-end-start: 10px; --md-outlined-field-container-shape-end-start: 10px;
--md-outlined-field-focus-outline-width: 1px; --md-outlined-field-focus-outline-width: 1px;
--ha-outlined-field-start-margin: -4px; --md-outlined-field-with-leading-content-leading-space: 8px;
--ha-outlined-field-end-margin: -4px; --md-outlined-field-with-trailing-content-trailing-space: 8px;
--md-outlined-field-content-space: 8px;
--mdc-icon-size: var(--md-input-chip-icon-size, 18px); --mdc-icon-size: var(--md-input-chip-icon-size, 18px);
} }
.input { .input {

7
src/panels/config/integrations/ha-config-integrations-dashboard.ts
View File

@ -436,9 +436,8 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
> >
${this.narrow ${this.narrow
? html` ? html`
<div slot="header"> <div slot="header" class="header">
<search-input-outlined <search-input-outlined
class="header"
.hass=${this.hass} .hass=${this.hass}
.filter=${this._filter} .filter=${this._filter}
@value-changed=${this._handleSearchChange} @value-changed=${this._handleSearchChange}
@ -457,7 +456,6 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
></ha-integration-overflow-menu> ></ha-integration-overflow-menu>
<div class="search"> <div class="search">
<search-input-outlined <search-input-outlined
class="header"
.hass=${this.hass} .hass=${this.hass}
.filter=${this._filter} .filter=${this._filter}
@value-changed=${this._handleSearchChange} @value-changed=${this._handleSearchChange}
@ -982,6 +980,9 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
search-input-outlined { search-input-outlined {
flex: 1; flex: 1;
} }
.header {
display: flex;
}
.search { .search {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;