@import '../../../global/theme.less';

.timelineChartContainer {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-color: @t-timeline-border-color;
  border-width: 0;
  border-right-width: 1px;
  :global {
    .vis-timeline {
      border: none;
    }
    .vis-item {
      color: @t-timeline-item-color;
      background: @t-timeline-item-background-color;
      border: 2px solid @t-timeline-item-background-color;
      border-radius: 2px;
    }
    .vis-box {
      border: none;
    }
    .vis-tooltip {
      color: @normal-color;
      background-color: @legend-tooltip-bg-color;
    }
    .vis-major.vis-text {
      width: 100%;
      background: @t-timeline-head-background-color;
      border-width: 1px;
      border-color: @t-timeline-border-color;
      border-style: solid;
      font-size: 12px;
      font-weight: bold;
      color: @t-timeline-color;
      border-top-width: 0;
      border-left-width: 0;
      div {
        text-align: center;
        height: 22px;
        line-height: 22px;
      }
    }
    .vis-time-axis .vis-text {
      color: @t-timeline-color;
      padding: 0 !important;
      height: 24px;
      line-height: 24px;
      text-align: center;
    }
    .vis-timeline {
      .vis-panel:first-child {
        border-color: @t-timeline-border-color;
        border-style: solid;
        border-width: 0;
        border-bottom-width: 1px;
        overflow: hidden;
      }
    }

    .vis-panel.vis-center {
      border-left-width: 1px;
      border-top-width: 0;
      border-color: @t-timeline-border-color;
      border-style: solid;
    }
    .vis-panel.vis-right,
    .vis-panel.vis-left {
      width: 0;
      border: none;
    }
    .vis-time-axis .vis-grid.vis-minor,
    .vis-time-axis .vis-grid.vis-major {
      border-color: @t-timeline-border-color;
    }
    .vis-panel.vis-top {
      border-width: 1px;
      border-style: solid;
      border-color: @t-timeline-border-color;
    }
  }
}