Add CSS performance controls.

This commit is contained in:
Dermot Duffy
2022-10-06 20:58:14 -07:00
parent 65cf4cf22d
commit 535069d68e
12 changed files with 66 additions and 15 deletions
+6 -3
View File
@@ -49,7 +49,7 @@ div.timeline {
.vis-item.vis-selected {
border-color: var(--accent-color);
background-color: var(--accent-color);
box-shadow: 0px 0px 5px 1px var(--primary-color);
box-shadow: var(--frigate-card-css-box-shadow, 0px 0px 5px 1px var(--primary-color));
}
.vis-item.vis-background {
background-color: var(--primary-color);
@@ -88,7 +88,10 @@ div.timeline {
border-style: dotted;
color: var(--primary-text-color);
background-color: var(--primary-background-color);
box-shadow: 0px 0px 5px 1px var(--primary-color);
box-shadow: var(--frigate-card-css-box-shadow, 0px 0px 5px 1px var(--primary-color));
}
.vis-item.vis-range {
border-radius: var(--frigate-card-css-border-radius, unset);
}
.vis-time-axis .vis-grid.vis-minor {
@@ -127,7 +130,7 @@ div.vis-tooltip {
.target_bar {
border-left: 2px solid var(--primary-color);
opacity: 0.7;
box-shadow: 0px 0px 3px 1px var(--primary-color);
box-shadow: var(--frigate-card-css-box-shadow, 0px 0px 3px 1px var(--primary-color));
// Prevent the mouse interacting with the custom time.
pointer-events: none;