Rooba
/
nightTab
mirror of https://github.com/zombieFox/nightTab.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improve theme accent cycle transition

This commit is contained in:
zombieFox 2021-08-27 13:06:58 +01:00
parent b8693ff681
commit 543d9b24f0
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/component/bookmark/index.css
View File

@ -609,7 +609,12 @@
.is-bookmark-edit .bookmark-back {
height: 100%;
top: 0;
transition-delay: calc(var(--bookmark-transition-delay) * 0.03s);
transition-delay: calc(var(--bookmark-transition-delay) * 1s);
}
.is-theme-accent-cycle-active .bookmark-back {
transition: background-color var(--layout-transition-extra-fast), height var(--layout-transition-extra-fast), border-radius var(--layout-transition-extra-fast), top var(--layout-transition-extra-fast), clip-path var(--layout-transition-extra-fast);
transition-delay: none;
}
.is-bookmark-line-show .bookmark-back {
@ -749,6 +754,7 @@
overflow: hidden;
pointer-events: none;
transition: top var(--layout-transition-extra-fast), bottom var(--layout-transition-extra-fast);
transition-delay: calc(var(--bookmark-transition-delay) * 0.03s);
}
.is-bookmark-style-block .bookmark-control {
@ -801,7 +807,7 @@
.is-bookmark-edit.is-bookmark-orientation-top .bookmark-control {
top: 0;
transition: top var(--layout-duration-04) var(--layout-timing-bounce);
transition: top var(--layout-duration-04) var(--layout-timing-bounce) var(--layout-duration-01);
transition-delay: calc(var(--bookmark-transition-delay) * 0.03s);
}

1
src/component/menuContent/themeSetting/index.js
View File

@ -626,6 +626,7 @@ themeSetting.accent = (parent) => {
themeSetting.control.accent.cycle.collapse.update();
theme.accent.cycle.bind();
themeSetting.disable();
applyCSSState('theme.accent.cycle.active');
data.save();
}
});

3
src/component/theme/index.js
View File

@ -531,7 +531,8 @@ theme.init = () => {
'theme.bookmark.color.by'
]);
applyCSSState([
'theme.layout.divider.size'
'theme.layout.divider.size',
'theme.accent.cycle.active'
]);
};