mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-27 11:16:35 +00:00
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:
parent
df064967ca
commit
432cf4a7ed
@ -108,6 +108,7 @@ class HaDataTableLabels extends LitElement {
|
|||||||
ha-label {
|
ha-label {
|
||||||
--ha-label-background-color: var(--color, var(--grey-color));
|
--ha-label-background-color: var(--color, var(--grey-color));
|
||||||
--ha-label-background-opacity: 0.5;
|
--ha-label-background-opacity: 0.5;
|
||||||
|
outline: 1px solid var(--outline-color);
|
||||||
}
|
}
|
||||||
ha-button-menu {
|
ha-button-menu {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
@ -216,6 +216,7 @@ export class HaLabelsPicker extends SubscribeMixin(LitElement) {
|
|||||||
ha-input-chip {
|
ha-input-chip {
|
||||||
--md-input-chip-selected-container-color: var(--color, var(--grey-color));
|
--md-input-chip-selected-container-color: var(--color, var(--grey-color));
|
||||||
--ha-input-chip-selected-container-opacity: 0.5;
|
--ha-input-chip-selected-container-opacity: 0.5;
|
||||||
|
--md-input-chip-selected-outline-width: 1px;
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
@ -103,6 +103,7 @@ export class HaConfigLabels extends LitElement {
|
|||||||
style="
|
style="
|
||||||
background-color: ${computeCssColor(label.color)};
|
background-color: ${computeCssColor(label.color)};
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
outline: 1px solid var(--outline-color);
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;"
|
height: 20px;"
|
||||||
></div>`
|
></div>`
|
||||||
|
Loading…
x
Reference in New Issue
Block a user