// 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;
    }
  }
}
.ui.container.action-view-container {
  width: auto;
}

.action-view-left.action-view-left {
  margin-top: 16px;
  margin-right: 24px;

  .job-brief-item {
    border-radius: 0.5rem !important;
    padding: 8px;
    position: relative;
    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: 24px;
        left: calc(0.5rem * -1);
        position: absolute;
        top: calc(50% - 12px);
        width: 4px;
      }
    }
  }
}

.action-view-right {
  margin-top: 16px;
  min-height: calc(100vh - 275px);

  .job-info-header {
    padding: 16px 12px 16px 24px;
    height: auto;
  }

  .job-step-container {
    .job-step-summary {
      color: var(--color-console-fg-subtle);
      padding: 8px 10px;

      &.step-expandable:hover {
        color: var(--color-console-fg-subtle);
      }

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

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

      &.selected {
        color: var(--color-console-fg) !important;
        background-color: var(--color-console-active-bg) !important;

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

    .job-log-line {
      color: #f0f6fc;

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