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

Shrink button size slightly.

Browse Source
This commit is contained in:
Dermot Duffy
2021-09-04 13:34:11 -07:00
parent a9d90150f7
commit 9d736ba166
2 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/frigate-hass-card-menu.scss
+3 -3
View File
@@ -1,6 +1,6 @@
.frigate-card-menu { .frigate-card-menu {
z-index: 1; z-index: 1;
height: 56px; height: 46px;
overflow: hidden; overflow: hidden;
/* Menu div itself does not handle click events. Without this, in overlay /* Menu div itself does not handle click events. Without this, in overlay
mode, the menu div prevents clicking on gallery items 'behind' the overlay. mode, the menu div prevents clicking on gallery items 'behind' the overlay.
@@ -9,7 +9,7 @@
} }
.frigate-card-menu.overlay-hidden { .frigate-card-menu.overlay-hidden {
position: absolute; position: absolute;
width: 56px; width: 46px;
} }
.frigate-card-menu.overlay-hidden.left { .frigate-card-menu.overlay-hidden.left {
left: 0px; left: 0px;
@@ -46,7 +46,7 @@ ha-icon-button.button {
border-radius: 50%; border-radius: 50%;
padding: 0px; padding: 0px;
margin: 3px; margin: 3px;
--mdc-icon-button-size: 40px;
/* Buttons can always be clicked */ /* Buttons can always be clicked */
pointer-events: auto; pointer-events: auto;
} }
src/frigate-hass-card.scss
+4 -5
View File
@@ -55,7 +55,6 @@ ha-card .frigate-card-image-list-folder {
color: var(--secondary-text-color, white); color: var(--secondary-text-color, white);
border-color: var(--secondary-text-color, black); border-color: var(--secondary-text-color, black);
background-color: var(--primary-background-color, black); background-color: var(--primary-background-color, black);
--mdc-icon-size: 40px;
padding: 10px; padding: 10px;
} }
@@ -102,15 +101,15 @@ webrtc-camera ha-card {
} }
.frigate-media-controls.previous { .frigate-media-controls.previous {
left: 50px; left: 45px;
} }
.frigate-media-controls.previous:hover { .frigate-media-controls.previous:hover {
left: 38px; left: 33px;
} }
.frigate-media-controls.next { .frigate-media-controls.next {
right: 50px; right: 45px;
} }
.frigate-media-controls.next:hover { .frigate-media-controls.next:hover {
right: 38px; right: 33px;
} }