932831db47
Also change the checkbox dropdown to a more interactive tomselect (type-to-search dropdown with chips) with pictures. This makes it so data sources can be added to a timeline dynamically. In the future, data sources can be implemented externally and push data to the timeline, so these need to not be rigidly hard-coded into the app and assumed to never change. This essentially adds all their info (name, title, description, image, etc) into each timeline DB.
39 lines
No EOL
742 B
CSS
39 lines
No EOL
742 B
CSS
.navbar-overlap::after {
|
|
background-color: #e3e9f1;
|
|
/* background-color: #143a56; */
|
|
background-color: rgb(24, 36, 51);
|
|
}
|
|
|
|
|
|
/* make the pulsing effect more visible on a dark background */
|
|
.text-white .status-indicator-circle:nth-child(2) {
|
|
opacity: 0.3;
|
|
}
|
|
.text-white .status-indicator-circle:nth-child(3) {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.big-progress {
|
|
--tblr-progress-height: 2.5rem;
|
|
--tblr-progress-border-radius: var(--tblr-progress-height);
|
|
}
|
|
|
|
/* changing with the height messes with the loop animation */
|
|
@keyframes progress-bar-stripes {
|
|
0% {
|
|
background-position-x: var(--tblr-progress-height);
|
|
}
|
|
}
|
|
|
|
|
|
.datagrid-content .video-thumbnail {
|
|
width: 100%;
|
|
}
|
|
|
|
#chart-active-job-throughput {
|
|
height: 240px;
|
|
}
|
|
|
|
.table img {
|
|
height: 1.75em;
|
|
} |