export const smallCompactMenu = `
/* 编辑/预览切换菜单(仓库编辑文件时的编辑器操作栏左侧) */
  .page-content.repository.file.editor .repo-view-content .ui.edit.form .ui.top.attached.header,
  /* 订阅/关注切换菜单(应只选中订阅/关注页面, 不能选中通知页面) */
  .page-content.user.notification > .ui.container:has(.flex-list),
  /* 里程碑/标签切换菜单(里程碑页) */
  .page-content.repository.milestones .list-header,
  /* 里程碑/标签切换菜单(新建里程碑页) */
  .page-content.repository.new.milestone .issue-navbar,
  /* 里程碑/标签切换菜单(标签页) */
  .page-content.repository.labels .issue-navbar {
    .ui.compact.small.menu.small-menu-items {
      background: var(--github-controlTrack-bgColor-rest) !important;
      border: 1px solid var(--color-light-border);
      font-size: 14px;
      gap: 4px;
      height: 32px;
      min-height: 32px !important;
      > .item {
        background: unset !important;
        border: 1px solid var(--github-controlTrack-bgColor-rest);
        border-radius: var(--border-radius);
        padding: 6px 12px !important;
        &.active {
          background: var(--github-controlKnob-bgColor-rest) !important;
          border-color: var(--color-light-border);
          font-weight: 600;
          margin-top: -1px;
          margin-bottom: -1px;
          &:first-child {
            margin-left: -1px;
            margin-right: 1px;
          }
          &:last-child {
            margin-right: -1px;
            margin-left: 1px;
          }
        }
        &::before {
          display: none;
        }
        &:not(.active) {
          top: 2px;
          padding: 4px 12px !important;
          height: calc(100% - 4px);
          position: relative;
          /* 该方案只适用于 2 个 item 的情况 */
          /* left / right 数值为 gap 数值的一半 */
          &:first-child {
            left: 2px;
          }
          &:last-child {
            right: 2px;
          }
          &:hover {
            background: var(--github-control-transparent-bgColor-hover) !important;
          }
        }
      }
    }
  }
`;

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