mirror of
https://github.com/danbulant/dribbblish-dynamic-theme
synced 2026-06-08 17:20:47 +00:00
Move "Sidebar Hover Animation" annd "Color Fade Duration" to new settings area "Animations & Transitions"
This commit is contained in:
parent
05180f8132
commit
3e3f140410
2 changed files with 9 additions and 9 deletions
|
|
@ -74,20 +74,19 @@ document.styleSheets[0].insertRule(`
|
||||||
/* Config settings */
|
/* Config settings */
|
||||||
|
|
||||||
DribbblishShared.config.register({
|
DribbblishShared.config.register({
|
||||||
|
area: "Animations & Transitions",
|
||||||
type: "slider",
|
type: "slider",
|
||||||
data: {
|
|
||||||
"min": 0,
|
|
||||||
"max": 10,
|
|
||||||
"step": 0.1,
|
|
||||||
"suffix": "s"
|
|
||||||
},
|
|
||||||
key: "fadeDuration",
|
key: "fadeDuration",
|
||||||
name: "Color Fade Duration",
|
name: "Color Fade Duration",
|
||||||
description: "Select the duration of the color fading transition",
|
description: "Select the duration of the color fading transition",
|
||||||
defaultValue: 0.5,
|
defaultValue: 0.5,
|
||||||
onChange: (val) => {
|
data: {
|
||||||
document.documentElement.style.setProperty("--song-transition-speed", val+"s");
|
min: 0,
|
||||||
}
|
max: 10,
|
||||||
|
step: 0.1,
|
||||||
|
suffix: "s"
|
||||||
|
},
|
||||||
|
onChange: (val) => document.documentElement.style.setProperty("--song-transition-speed", val + "s")
|
||||||
});
|
});
|
||||||
|
|
||||||
/* js */
|
/* js */
|
||||||
|
|
|
||||||
|
|
@ -333,6 +333,7 @@ DribbblishShared.config.register({
|
||||||
});
|
});
|
||||||
|
|
||||||
DribbblishShared.config.register({
|
DribbblishShared.config.register({
|
||||||
|
area: "Animations & Transitions",
|
||||||
type: "checkbox",
|
type: "checkbox",
|
||||||
key: "sidebarHoverAnimation",
|
key: "sidebarHoverAnimation",
|
||||||
name: "Sidebar Hover Animation",
|
name: "Sidebar Hover Animation",
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue