动画迁移 & 部分 PR 样式 (#7)

* 弹窗动画

* 优化 PR 中的合并提交按钮颜色

* 优化按钮样式

* 同步 PR 的合并提交头像样式

* 同步 Issue/PR 的时间线样式

* Issue/PR 的时间线样式间隔和大小

* 同步 PR 的合并提交操作面板样式

* PR 操作间隔

* green

* PR 操作边框色

* 已合并颜色

* 仓库同步派生栏样式同步

* 动画迁移 & 一些圆角修复

* 修复工单下依赖工单选择框

* 评论标题颜色&分支字体&提交栏样式

---------

Co-authored-by: lutinglt <lutinglt@users.noreply.github.com>
This commit is contained in:
鲁汀
2025-08-05 12:39:35 +08:00
committed by GitHub
parent f635b30c9c
commit 305b2eca0b
18 changed files with 329 additions and 95 deletions

View File

@@ -14,6 +14,7 @@ export const dropdown = css`
box-shadow: ${themeVars.github.shadow.floating.small} !important;
// 忽略隐藏
> .item:not(.tw-hidden) {
animation: ${animationDown};
display: flex !important;
align-items: center;
gap: 0.5rem;
@@ -37,9 +38,6 @@ export const dropdown = css`
background-color: ${themeVars.github.control.transparent.bgColor.hover} !important;
}
}
svg {
margin-right: 0.5rem;
}
&.active,
&.selected {
&:after {
@@ -154,6 +152,13 @@ export const selectionDropdown = css`
border-bottom-left-radius: ${otherThemeVars.border.radius} !important;
border-bottom-right-radius: ${otherThemeVars.border.radius} !important;
}
// 修复因为上面的排除导致的圆角问题
// 具体工单页面下依赖菜单选择框
#new-dependency-drop-list.ui.selection.dropdown.active,
// 提交图分支选择框
#git-graph-container #flow-select-refs-dropdown {
border-bottom-right-radius: 0 !important;
}
// 修复选择框的下拉菜单向上显示时的样式问题
.ui.upward.selection.dropdown.visible:not(.small),
.ui.active.upward.selection.dropdown:not(.small) {
@@ -161,3 +166,11 @@ export const selectionDropdown = css`
border-top-right-radius: ${otherThemeVars.border.radius}!important;
}
`;
export const fixSelectionDropdown = css`
// 具体工单页面下依赖菜单选择框
#new-dependency-drop-list.ui.selection.dropdown {
// 高度对齐问题, 应该与 input 框高度一致
min-height: 32px;
}
`;