mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-24 09:46:36 +00:00
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:
parent
ab49aca815
commit
2e505cfb1f
@ -52,7 +52,6 @@ export class HuiButtonsBase extends LitElement {
|
|||||||
.stateObj=${stateObj}
|
.stateObj=${stateObj}
|
||||||
.overrideIcon=${entityConf.icon}
|
.overrideIcon=${entityConf.icon}
|
||||||
.overrideImage=${entityConf.image}
|
.overrideImage=${entityConf.image}
|
||||||
class=${name ? "" : "no-text"}
|
|
||||||
.stateColor=${true}
|
.stateColor=${true}
|
||||||
slot="icon"
|
slot="icon"
|
||||||
></state-badge>
|
></state-badge>
|
||||||
@ -92,27 +91,8 @@ export class HuiButtonsBase extends LitElement {
|
|||||||
color: var(--secondary-text-color);
|
color: var(--secondary-text-color);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
margin-left: -4px;
|
|
||||||
margin-inline-start: -4px;
|
|
||||||
margin-inline-end: initial;
|
|
||||||
margin-top: -2px;
|
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) {
|
@media all and (max-width: 450px), all and (max-height: 500px) {
|
||||||
.ha-scrollbar {
|
.ha-scrollbar {
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user