Files
gitea-themes/styles/primitives/menu/compact_menu.ts
T
chuan 434161de5b
Release / release (push) Failing after 13s
Refactor theme management and update documentation
- Removed `.github-theme` from .gitignore as it is no longer needed.
- Updated `official-style-map.md` to clarify the maintenance of GitHub Light style increments within the current repository.
- Revised `rules.md` to reflect the new approach to maintaining GitHub Light theme increments.
- Changed test script in `package.json` to verify generated theme instead of GitHub migration.
- Added `verify-generated-theme.ts` script to validate the generated theme files.
- Migrated various styles from `.github-theme` to the new structure, updating comments and references accordingly.
2026-05-18 01:26:17 +08:00

66 lines
2.2 KiB
TypeScript

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");