Ensure drawer content is hidden.

This commit is contained in:
Dermot Duffy
2022-03-26 08:27:30 -07:00
parent b49081c5c8
commit a8770ec61a
3 changed files with 11 additions and 7 deletions
+4 -4
View File
@@ -13,14 +13,14 @@ div.control-surround {
padding-top: $drawer-padding-extend;
padding-bottom: $drawer-padding-extend;
}
:host([location='left']) div.control-surround {
:host([location=left]) div.control-surround {
@if $drawer-icon-size < 32 {
// Ensure the clickable area is at least 32px wide.
padding-right: calc(32px - $drawer-icon-size);
}
left: 100%;
}
:host([location='right']) div.control-surround {
:host([location=right]) div.control-surround {
@if $drawer-icon-size < 32 {
// See note above.
padding-left: calc(32px - $drawer-icon-size);
@@ -48,12 +48,12 @@ ha-icon.control {
background-color: black;
}
:host([location='left']) ha-icon.control {
:host([location=left]) ha-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]) ha-icon.control {
border-top-left-radius: $drawer-icon-size;
border-bottom-left-radius: $drawer-icon-size;
}