Add outline to a labels (#22392)

* Update ha-data-table-labels.ts

* Update ha-labels-picker.ts

* Update ha-config-labels.ts

* Update ha-labels-picker.ts
This commit is contained in:
ildar170975 2024-10-28 21:14:05 +03:00 committed by GitHub
parent df064967ca
commit 432cf4a7ed
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 3 additions and 0 deletions

View File

@ -108,6 +108,7 @@ class HaDataTableLabels extends LitElement {
ha-label {
--ha-label-background-color: var(--color, var(--grey-color));
--ha-label-background-opacity: 0.5;
outline: 1px solid var(--outline-color);
}
ha-button-menu {
border-radius: 10px;

View File

@ -216,6 +216,7 @@ export class HaLabelsPicker extends SubscribeMixin(LitElement) {
ha-input-chip {
--md-input-chip-selected-container-color: var(--color, var(--grey-color));
--ha-input-chip-selected-container-opacity: 0.5;
--md-input-chip-selected-outline-width: 1px;
}
`;
}

View File

@ -103,6 +103,7 @@ export class HaConfigLabels extends LitElement {
style="
background-color: ${computeCssColor(label.color)};
border-radius: 10px;
outline: 1px solid var(--outline-color);
width: 20px;
height: 20px;"
></div>`