github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-14 11:21:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf(Theme): add theme change animation (#356)

Browse Source
This commit is contained in:
苗大
2024-01-04 15:49:36 +08:00
committed by GitHub
parent 300ec27ec4
commit b5c135b811
3 changed files with 77 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/theme.scss
View File

@@ -250,3 +250,27 @@ div:has(> a.menu-title) {
.el-input-number .el-input__inner {
text-align: left !important;
}
html {
&::view-transition-old(root),
&::view-transition-new(root) {
animation: none;
mix-blend-mode: normal;
}
&.dark {
&::view-transition-old(root) {
z-index: 1;
}
&::view-transition-new(root) {
z-index: 999;
}
}
&::view-transition-old(root) {
z-index: 999;
}
&::view-transition-new(root) {
z-index: 1;
}
}