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

Add label to timeline marker with current time.

Browse Source
This commit is contained in:
Dermot Duffy
2023-04-15 09:31:05 -07:00
parent 6ea7c7d260
commit 91f6f48696
4 changed files with 69 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/timeline-core.scss
+21 -4
View File
@@ -144,13 +144,30 @@ div.vis-tooltip {
}
.target_bar {
border-left: 2px solid var(--primary-color);
opacity: 0.7;
box-shadow: var(--frigate-card-css-box-shadow, 0px 0px 3px 1px var(--primary-color));
background-color: var(--primary-color);
width: 2px;
z-index: 20;
// Prevent the mouse interacting with the custom time.
pointer-events: none;
}
.target_bar .vis-custom-time-marker {
background-color: var(--primary-background-color);
color: var(--primary-text-color);
bottom: 0px;
top: unset;
}
:host([target-bar-marker-direction='right']) .target_bar .vis-custom-time-marker {
left: 2px;
}
:host([target-bar-marker-direction='left']) .target_bar .vis-custom-time-marker {
right: 2px;
}
:host([target-bar-marker-direction='center']) .target_bar .vis-custom-time-marker {
left: 0px;
transform: translateX(-50%);
}
.timeline-tools {
position: absolute;
@@ -162,4 +179,4 @@ div.vis-tooltip {
.timeline-tools ha-icon {
cursor: pointer;
}
}