Files
gitea-themes/styles/primitives/transition.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

82 lines
2.4 KiB
TypeScript

export const transition = `
/* 差异对比的代码折叠按钮 */
.code-expander-button,
/* 仓库 README 头部的按钮 */
.file-header-left,
.file-header-right,
/* 仪表板仓库列表 */
.ui.attached.segment.table ul li,
/* Issue 列表 */
.issue-list-toolbar .item,
.flex-list#issue-list > .flex-item,
/* 分页菜单 */
.ui.borderless.pagination.menu .item,
/* 迁移的元素 */
#navbar .item,
.header-wrapper .ui.tabular.menu .item,
.job-step-summary,
.job-step-logs,
.job-brief-item,
.repo-file-cell,
.tippy-box .flex-items-block .item,
.clone-panel-tab .item,
.ui.form select,
.ui.label,
.ui.modal,
.ui.checkbox label:before,
.ui.checkbox input:checked ~ label:before,
.ui.checkbox input:not([type="radio"]):indeterminate ~ label:before,
.ui.selection.dropdown,
.ui.selection.active.dropdown,
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown .menu,
.ui.selection.active.dropdown:hover .menu,
.ui.vertical.menu .header.item,
.ui.secondary.menu .item {
transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
}
/* Gitea 表单元素原始过渡覆盖 */
/* 排除复选框和单选框 */
input:not([type="checkbox"], [type="radio"]),
textarea,
tr,
.ui.input textarea,
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
}
.ui.button {
transition:
color 80ms cubic-bezier(0.65, 0, 0.35, 1),
fill 80ms cubic-bezier(0.65, 0, 0.35, 1),
background-color 80ms cubic-bezier(0.65, 0, 0.35, 1),
/* 位移慢一点, 这样视觉上与颜色变化同步 */ transform 200ms cubic-bezier(0.65, 0, 0.35, 1),
border-color 80ms cubic-bezier(0.65, 0, 0.35, 1);
transition-duration: 80ms;
&:active {
transform: translateY(1px);
}
/* 下拉图标的过渡会导致在下移过程中出现的菜单被短暂遮挡 */
&.dropdown {
z-index: 999;
}
.button:active {
transform: none;
}
}
`;
export const stylesheet = [transition].join("\n\n");