Add control anominations for next/prev.
This commit is contained in:
@@ -89,15 +89,28 @@ webrtc-camera ha-card {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
top: calc(50% - (48px /2));
|
|
||||||
height: 48px;
|
height: 48px;
|
||||||
|
top: calc(50% - (48px / 2));
|
||||||
box-shadow: 0px 0px 30px 1px black;
|
box-shadow: 0px 0px 30px 1px black;
|
||||||
|
transition: all .2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.frigate-media-controls:hover {
|
||||||
|
opacity: 1 !important;
|
||||||
|
height: 72px;
|
||||||
|
top: calc(50% - (72px / 2));
|
||||||
}
|
}
|
||||||
|
|
||||||
.frigate-media-controls.previous {
|
.frigate-media-controls.previous {
|
||||||
left: 20px;
|
left: 20px;
|
||||||
|
}
|
||||||
|
.frigate-media-controls.previous:hover {
|
||||||
|
left: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.frigate-media-controls.next {
|
.frigate-media-controls.next {
|
||||||
right: 20px;
|
right: 20px;
|
||||||
|
}
|
||||||
|
.frigate-media-controls.next:hover {
|
||||||
|
right: 8px;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user