jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26: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-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-start: 10px;
--md-outlined-field-focus-outline-width: 1px;
--ha-outlined-field-start-margin: -4px;
--ha-outlined-field-end-margin: -4px;
--md-outlined-field-with-leading-content-leading-space: 8px;
--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);
}
.input {

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

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