jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-02 14:07:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix alignment

Browse Source
This commit is contained in:
Ludeeus 2021-10-28 14:20:29 +00:00
parent 5b55b408e6
commit 9ca04290bf
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/dialogs/quick-bar/ha-quick-bar.ts
View File

@ -269,16 +269,15 @@ export class QuickBar extends LitElement {
class="command-item" class="command-item"
hasMeta hasMeta
> >
<span> <span class="command-entry">
<ha-chip <ha-chip
.label=${item.categoryText} .label=${item.categoryText}
.leadingIcon=${item.iconPath} .leadingIcon=${item.iconPath}
class="command-category ${item.categoryKey}" class="command-category ${item.categoryKey}"
> >
</ha-chip> </ha-chip>
${item.primaryText}
</span> </span>
<span class="command-text">${item.primaryText}</span>
</mwc-list-item> </mwc-list-item>
`; `;
} }
@ -600,6 +599,10 @@ export class QuickBar extends LitElement {
} }
} }
ha-chip {
margin-right: 8px;
}
ha-icon.entity, ha-icon.entity,
ha-svg-icon.entity { ha-svg-icon.entity {
margin-left: 20px; margin-left: 20px;
@ -631,8 +634,9 @@ export class QuickBar extends LitElement {
--ha-chip-background-color: var(--warning-color); --ha-chip-background-color: var(--warning-color);
} }
span.command-text { span.command-entry {
margin-left: 8px; display: flex;
align-items: center;
} }
mwc-list-item { mwc-list-item {