@import (reference) '../../styles/theme/variables/antdVariables.less';

@custom-gantt-prefix: ~'ued-gantt';

.@{custom-gantt-prefix} {
  padding: 20px;

  &-title {
    margin: 0 !important;
  }

  &-deadline {
    padding-right: 5px;
  }

  &-border {
    margin-right: 50px;
    border-right: solid 1px #e5e5e5;
  }

  &-legendBar {
    display: flex;
    justify-content: space-between;
  }

  &-hideLegend {
    width: 0;
    height: 20px;
    overflow: hidden;
  }

  // .legendbar>div {
  //     display: inline-block;
  // }

  &-legend {
    display: inline-block;
    height: 20px;
    margin-right: 30px;
    line-height: 24px;

    &-point {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 5px;
      border-radius: 50%;
    }
  }

  .@{ant-prefix}-divider-horizontal {
    margin: 10px 0 20px 0;
  }

  &-item-wrap {
    position: relative;
    display: flex;
    height: 24px;
    margin: 50px 0;
  }

  &-itemTitle {
    flex: 0 0 80px;
    overflow: hidden;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  &-scale {
    flex: 1 1 auto;
  }

  &-start {
    background-color: #00da86;
  }

  &-resolving {
    background-color: #47e;
  }

  &-process {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 100%;
    background: #f2f2f3;
    border-left: 2px solid #fff;
  }

  &-rotate {
    transform-origin: bottom right;
  }

  &-unfinished {
    float: right;
    height: 100%;
    background: #f2f2f3;
  }

  &-edit {
    position: absolute;
    top: 3px;
    right: -60px;
    display: inline-block;
    text-align: right;
  }

  &-detail {
    position: absolute;
    top: 3px;
    right: -112px;
    display: inline-block;
    text-align: right;
  }

  &-workname {
    position: absolute;
    top: -25px;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  &-before {
    display: inline-block;
    // width  : 20px;
    height: 24px;
  }

  &-tip {
    margin: -10px 50px;
    color: #ff4600;
    text-align: right;
  }
}