gitea-themes/styles/components/issues/issue_sidebar.ts

export const issueSidebar = `
/* 创建PR页面 */
  .page-content.repository.diff.compare.pull,
  /* 工单&创建工单&PR页面侧边栏 */
  .page-content.repository.issue {
    .issue-content {
      img.ui.avatar {
        border-radius: 9999px;
      }
      gap: 24px;
      /* 侧边栏 */
      .issue-content-right {
        border: 0;
        font-size: 12px;
        padding: 0;
        .ui.button {
          font-size: 12px;
        }
        .ui.form,
        a.fixed-text.muted,
        span.text,
        /* 列表项为空时的文字 */
        span.item.empty-list,
        p {
          color: var(--color-text-light-1);
          font-size: 12px;
        }
        /* WIP 前缀提示 */
        > a,
        .ui.dropdown.select-branch,
        .ui.form,
        a.fixed-text.muted,
        span.text,
        .ui.watching > div,
        .ui.depending > div,
        .flex-text-block,
        .ui.list,
        .toggle-wip,
        p {
          padding: 4px 8px;;
        }
        /* 允许维护者编辑 */
        > .ui.checkbox {
          margin: 4px 8px;
          strong {
            font-weight: 400;
          }
        }
        .issue-sidebar-combo {
          .ui.dropdown > a.fixed-text.muted {
            align-items: center;
            border-radius: var(--border-radius);
            text-decoration-line: none;
            height: 28px;
            &:hover {
              background: var(--github-control-transparent-bgColor-hover);
            }
          }
          .ui.list {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
          }
          /* 评审人 */
          .ui.relaxed.list {
            .item {
              /* 操作图标按钮 */
              a.muted.icon {
                color: var(--color-text-light-1);
                &:hover {
                  color: var(--color-primary);
                }
              }
            }
          }
          /* 标签菜单项 */
          .ui.dropdown > .menu > .scrolling.menu > .item:has(.item-secondary-info) {
            /* 修复标签菜单中描述文本过长没有换行挤掉标签的问题 */
            display: grid !important;
            grid-template-columns: auto auto 1fr;
            row-gap: 0px; /* 去除行间距, 仅当有描述信息时才有间距(.tw-pl-\\\[20px\\\]) */
            /* 如果是归档标签则隐藏 */
            &.tw-hidden {
              display: none !important;
            }
            /* 默认隐藏多余信息避免标签对齐问题 */
            .item-secondary-info {
              display: none;
              grid-column: 2 / -1; /* 从第2列对齐 */
              color: var(--color-text-light-1);
              > .tw-pl-\\\[20px\\\] {
                /* 已经与第二列对齐, 不需要额外的 padding */
                padding-left: 0px !important;
                padding-top: 4px;
                /* 显示全部描述信息与 Github 保持一致 */
                white-space: normal;
                small {
                  font-size: 12px;
                }
              }
              > .archived-label-hint {
                /* 与父元素 item 的 padding 对齐 (dropdown.ts .ui.dropdown .menu > .item) */
                top: 6px;
                right: 8px;
              }
              /* 如果有描述信息则显示 */
              &:has(.tw-pl-\\\[20px\\\]) {
                display: block;
                > .archived-label-hint {
                  top: 4px; /* 有描述信息的归档标签与标签对齐需要更高点 */
                }
              }
              /* 如果有归档标签则显示 */
              &:has(.archived-label-hint > .ui.label) {
                display: block;
              }
            }
          }
          /* 修复菜单下拉打开时, 无法聚焦输入框 */
          .menu input {
            transition: none;
          }
        }
        /* 时间追踪 */
        > div:not([class]):not([id]) {
          > .flex-text-block {
            color: var(--color-text-light-1);
          }
          > .ui.buttons {
            padding: 4px 8px;;
            .button {
              height: 30px;
              min-height: 30px;
              &:hover {
                border-color: var(--color-light-border);
                + .button {
                  border-left-color: var(--color-light-border);
                }
              }
            }
          }
        }
        /* 选中日期颜色 */
        .ui.form .due-date {
          color: var(--color-text);
        }
        /* 分割线 */
        > .divider {
          margin: 12px 0 12px 8px;
          width: calc(100% - 16px);
        }
        /* 订阅按钮 */
        .ui.watching .ui.button {
          padding: 0px 8px;
          height: 30px;
          min-height: 30px;
          svg {
            margin: 0 !important;
          }
        }
        /* PIN 按钮 */
        .form-fetch-action.single-button-form .ui.button,
        /* 底部操作按钮 */
        > .ui.show-modal.button {
          border: 0;
          background: unset;
          font-weight: 400;
          padding: 4px 8px;;
          /* 好像是浏览器 BUG, 最后不生效, 必须 !important */
          margin: 0 !important;
          justify-content: left;
          &:hover {
            background: var(--github-control-transparent-bgColor-hover);
          }
          &:active {
            background-color: var(--github-control-transparent-bgColor-active);
          }
        }
        .ui.show-modal.button[data-modal="#sidebar-delete-issue"] {
          color: var(--color-red);
          svg {
            color: inherit;
          }
          &:hover {
            background-color: var(--color-red-badge-bg);
            color: var(--color-red-light);
          }
          &:active {
            background-color: var(--github-control-danger-bgColor-active) !important;
          }
        }
      }
    }
  }
`;

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