flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update live to use the new surround.

Browse Source
This commit is contained in:
Dermot Duffy
2022-03-24 19:12:13 -07:00
parent a4fcf2513b
commit 079c7c5da0
9 changed files with 169 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/drawer.scss
+7 -5
View File
@@ -8,6 +8,7 @@ side-drawer {
div.control-surround {
position: absolute;
bottom: 50%;
transform: translateY(50%);
z-index: 0;
padding-top: $drawer-padding-extend;
padding-bottom: $drawer-padding-extend;
@@ -29,19 +30,20 @@ div.control-surround {
ha-icon.control {
color: var(--secondary-color, white);
background-color: rgba(0, 0, 0, 0.6);
opacity: 0.6;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0.7;
pointer-events: all;
--mdc-icon-size: #{$drawer-icon-size};
padding-top: $drawer-padding-extend;
padding-bottom: $drawer-padding-extend;
transition: opacity 1s ease;
transition: opacity 0.5s ease;
}
:host([open]) ha-icon.control {
// When the drawer is open make the button to close it more prominent.
:host([open]) ha-icon.control, ha-icon.control:hover {
// When the drawer is open or hovered make the button to close it more
// prominent.
opacity: 1;
background-color: black;
}