// Made by Luting ^-^
// 工作流禁用标签
.ui.vertical.menu .item > .ui.red.label {
  color: var(--color-error-text);
  border: 1px solid var(--color-error-border);
  background: var(--color-error-bg);
  margin-top: 0.5px;
}

// 手动工作流下拉列表
#runWorkflowDispatchForm {
  // 分支选择按钮
  .ui.dropdown.button.branch-selector-dropdown {
    padding: 8px 24px 8px 8px;

    svg.octicon-git-branch {
      margin-right: 6px;
    }
  }
}

.action-view-left {
  .job-brief-item {
    position: relative;
    border-radius: 0.5rem !important;
    margin-left: 0.5rem;

    &.selected {
      background-color: #161a21;

      &:hover {
        background-color: var(--color-hover);
      }

      &:after {
        overflow: visible;
        background: #1f6feb;
        border-radius: 0.375rem;
        content: '';
        height: 1.8rem;
        left: -0.5rem;
        position: absolute;
        top: calc(50% - 13px);
        width: 0.25rem;
      }
    }
  }
}

.action-view-right {
  .job-step-container {
    .job-step-summary {
      color: var(--color-console-fg-subtle);

      .tw-mr-2:not(.svg) svg.svg {
        margin: 2px 6px 0px 2px;
      }

      svg.svg.text.green {
        color: #9198a1 !important;
      }

      &.selected {
        svg.svg.text.green {
          color: #f0f6fc !important;
        }
      }
    }

    .job-log-line {
      color: var(--color-text);

      &:hover {
        color: #fff;
      }
    }
  }
}