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

Merge pull request #46 from dermotduffy/button-size

Browse Source 
Shrink button size slightly
This commit is contained in:
Dermot Duffy
2021-09-04 13:36:38 -07:00
committed by GitHub
parent a9d90150f7 9d736ba166
commit f3b3e999c0
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;
} }