优化向上弹窗的菜单动画

This commit is contained in:
lutinglt
2025-07-08 22:57:12 +08:00
parent 1434c54ba3
commit f635b30c9c
4 changed files with 15 additions and 7 deletions

View File

@@ -1,4 +1,4 @@
import { animation } from "src/core/theme";
import { animationDown, animationUp } from "src/core/theme";
import { css, otherThemeVars, themeVars } from "src/types/vars";
import { activeItemAfterStyle } from "styles/public/menu";
@@ -6,7 +6,7 @@ export const dropdown = css`
.ui.dropdown,
.ui.menu .ui.dropdown {
.menu {
animation: ${animation};
animation: ${animationDown};
// 统一所有下拉菜单的样式
background-color: ${themeVars.color.menu} !important;
border: unset !important;
@@ -67,6 +67,7 @@ export const dropdown = css`
.ui.dropdown.upward,
.ui.menu .ui.dropdown.upward {
.menu {
animation: ${animationUp};
margin-bottom: 0.35em !important;
}
}

View File

@@ -1,4 +1,4 @@
import { animation } from "src/core/theme";
import { animationDown } from "src/core/theme";
import { css, otherThemeVars, themeVars } from "src/types/vars";
// 一些界面内的提示框, 比如克隆按钮, PR信息, Runner信息 等
@@ -7,7 +7,7 @@ export const tippyBox = css`
margin-top: -3px;
border-radius: 12px;
overflow: hidden;
animation: ${animation};
animation: ${animationDown};
// 边框线同步 github 样式
&[data-theme="default"],
&[data-theme="box-with-header"] {