Make control sizes configurable.

This commit is contained in:
Dermot Duffy
2021-10-30 20:14:46 -07:00
parent fcc40a926b
commit 17eb1d439d
8 changed files with 69 additions and 15 deletions
+8 -2
View File
@@ -1,8 +1,14 @@
@use './button.scss';
:host {
--frigate-card-menu-button-size: 40px;
--mdc-icon-button-size: var(--frigate-card-menu-button-size);
--mdc-icon-size: calc(var(--mdc-icon-button-size) / 2);
}
.frigate-card-menu {
z-index: 1;
height: 46px;
height: calc(var(--frigate-card-menu-button-size) + 6px);
overflow: hidden;
/* Menu div itself does not handle click events. Without this, in overlay
mode, the menu div prevents clicking on gallery items 'behind' the overlay.
@@ -11,7 +17,7 @@
}
.frigate-card-menu.overlay-hidden {
position: absolute;
width: 46px;
width: calc(var(--frigate-card-menu-button-size) + 6px);
}
.frigate-card-menu.overlay-hidden.left, .frigate-card-menu.overlay-hidden.top {
left: 0px;