export const actionViewRight = `
.action-view-right {
    box-shadow: var(--github-shadow-resting-small);
    /* 提前加载高度和滚动条 */
    min-height: calc(100vh - 245px);
    /* 作业详情页标题 */
    .job-info-header {
      padding: 16px 12px 16px 24px !important;
      height: 80px !important;
      .job-info-header-left {
        .job-info-header-title {
          color: var(--github-fgColor-accent) !important;
        }
        .job-info-header-detail {
          margin-top: 8px;
        }
      }
      .job-info-header-right {
        .ui.dropdown {
          > .button {
            background: unset;
            border: unset;
            padding: 7px !important;
            &:hover {
              background: var(--github-control-transparent-bgColor-hover);
            }
          }
          .menu > .item > i.icon {
            margin-right: 2px;
          }
        }
      }
    }

    .job-step-container {
      padding: 8px;
      .job-step-section {
        margin: 0 4px 4px;
        /* 步骤标题, 双重确保覆盖原始样式 */
        .job-step-summary.job-step-summary {
          color: var(--color-console-fg-subtle);
          padding: 8px !important;
          height: 36px;

          &.selected {
            /* 滚动时固定在顶部的高度与 job-info-header 高度相同 */
            top: 80px;
          }

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

          .tw-mr-2:not(.svg) svg.svg {
            margin: 1.5px 6px 0px 2px;
          }
          /* 绿色步骤状态改为白色 */
          svg.tw-text-green {
            color: var(--color-console-fg-subtle) !important;
          }

          &.selected {
            /* 不被 hover 效果影响 */
            color: var(--color-console-fg) !important;
            background-color: var(--color-console-activeBg) !important;

            svg.tw-text-green {
              color: var(--color-console-fg) !important;
            }
          }
          /* 步骤耗时 */
          .step-summary-duration {
            font-size: 12px;
            font-family: var(--fonts-monospace);
          }
        }
        /* 步骤日志 */
        .job-step-logs {
          animation: overlayAppearDown 200ms cubic-bezier(0.33, 1, 0.68, 1);;
          /* 日志字体颜色白色 */
          .job-log-line {
            color: var(--color-console-fg);
            /* 日志 */
            .log-msg:hover {
              /*被 hover 时覆盖 ANSI 颜色 */
              * {
                color: var(--color-console-fg);
              }
              /* 日志超链接 */
              a:hover {
                color: var(--color-primary) !important;
              }
            }
          }
        }
      }
    }
  }
`;

export const stylesheet = [actionViewRight].join("\n\n");