github
/
ha-frontend
mirror of https://github.com/home-assistant/frontend
1
Fork 0
Code Releases Activity

Add spacing between icon and name in entity button bar (#20492) 

* Fix width between icon and name

* Remove no-text
This commit is contained in:
Simon Lamon 2024-04-12 11:17:51 +02:00 committed by GitHub
parent be2f2c6271
commit 27d2b244a4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 0 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/panels/lovelace/components/hui-buttons-base.ts
View File

@ -52,7 +52,6 @@ export class HuiButtonsBase extends LitElement {
.stateObj=${stateObj}
.overrideIcon=${entityConf.icon}
.overrideImage=${entityConf.image}
class=${name ? "" : "no-text"}
.stateColor=${true}
slot="icon"
></state-badge>
@ -92,27 +91,8 @@ export class HuiButtonsBase extends LitElement {
color: var(--secondary-text-color);
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
margin-left: -4px;
margin-inline-start: -4px;
margin-inline-end: initial;
margin-top: -2px;
}
state-badge.no-text {
width: 26px;
height: 26px;
margin-left: -3px;
margin-inline-start: -3px;
margin-inline-end: initial;
margin-top: -3px;
}
ha-assist-chip state-badge {
margin-right: -4px;
margin-inline-end: -4px;
margin-inline-start: initial;
--mdc-icon-size: 18px;
}
@media all and (max-width: 450px), all and (max-height: 500px) {
.ha-scrollbar {
flex-wrap: nowrap;