fix: Use HA style and coloring for all icons (#1790)

This commit is contained in:
Dermot Duffy
2024-12-23 15:22:27 -08:00
committed by GitHub
parent a9e5889ca7
commit 9d812af9f4
68 changed files with 557 additions and 1366 deletions
+5 -5
View File
@@ -36,7 +36,7 @@ div.control-surround {
visibility: visible;
}
ha-icon.control {
frigate-card-icon.control {
color: var(--secondary-color, white);
background-color: rgba(0, 0, 0, 0.7);
opacity: 0.5;
@@ -49,20 +49,20 @@ ha-icon.control {
transition: opacity 0.5s ease;
}
:host([open]) ha-icon.control,
ha-icon.control:hover {
:host([open]) frigate-card-icon.control,
frigate-card-icon.control:hover {
// When the drawer is open or hovered make the button to close it more
// prominent.
opacity: 1;
background-color: black;
}
:host([location='left']) ha-icon.control {
:host([location='left']) frigate-card-icon.control {
border-top-right-radius: $drawer-icon-size;
border-bottom-right-radius: $drawer-icon-size;
}
:host([location='right']) ha-icon.control {
:host([location='right']) frigate-card-icon.control {
border-top-left-radius: $drawer-icon-size;
border-bottom-left-radius: $drawer-icon-size;
}