fix: Use HA style and coloring for all icons (#1790)
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user