@xiaomengqiang/charts/components/TimelineChart/index.css

hcharts library for web visualization

.timeline_container{width:100%;height:100%;max-height:80px;min-height:68px;position:relative}.timeline_hoverPointer{pointer-events:none;height:26px;width:0;position:absolute;display:none;border-left:1px dashed #ccc}.timeline_hoverTooltip{pointer-events:none;position:absolute;background-color:#393939;color:#F5F5F5;width:142px;height:38px;line-height:38px;text-align:center;border-radius:4px;font-size:14px;font-family:'HarmonyOS_Sans';display:none}.timeline_selectedPointer{width:2px;height:26px;background:#9FFDE7;position:absolute;display:none}.timeline_selectedCircle{width:8px;height:8px;border-radius:10px;background-color:#9FFDE7;position:absolute;display:none}.timeline_selectedTooltip{position:absolute;background-color:#36C18D;color:#fff;width:42px;height:16px;line-height:16px;text-align:center;border-radius:10px;font-size:12px;font-family:'HarmonyOS_Sans';display:none}.timeline_alarmTooltip{background-color:rgba(0,0,0,0.5);color:#fff;position:absolute}.timeline_tipDom{color:#393939;box-sizing:border-box;position:relative;display:inline-block;box-shadow:0 16px 48px 0 rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#393939;padding:.75rem 1rem}.timeline_tipDom .tip{position:relative;box-sizing:border-box;min-width:2.5rem;font-size:.875rem;color:#F5F5F5;display:flex;flex-direction:column;justify-items:left;gap:.75rem}.timeline_tipDom .tip div{display:flex;justify-content:flex-start;align-items:center}.timeline_tipDom .tip div span{display:inline-block}.timeline_tipDom .tip div .point{width:1rem;height:1rem;border-radius:50%}.timeline_tipDom .tip div .processed{background:#36C18D}.timeline_tipDom .tip div .important{background:#EC6F1A}.timeline_tipDom .tip div .emergency{background:#E54545}.timeline_tipDom .tip :nth-child(1){gap:.25rem}.timeline_tipDom .tip :nth-child(2){gap:.5rem}.timeline_tipDom::after{position:absolute;z-index:3;bottom:-0.875rem;left:calc(50% - .5rem);content:"";border:.5rem solid transparent;border-top-color:initial}