kenji/illogical-impulse
1
0
Fork 0
forked from Shinonome/dots-hyprland
Code Pull Requests Activity

add a lil animation when changing hour hand style

Browse Source
This commit is contained in:
darksignal7
2025-10-05 16:39:25 +03:00
parent b3f74b6c1c
commit 77901659e5
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/quickshell/ii/modules/background/CookieClock.qml
+19 -3
View File
@@ -206,15 +206,31 @@ Item {
anchors.fill: parent anchors.fill: parent
z: Config.options.background.clock.cookie.hourHandStyle === "fill" ? 3 : 1 z: Config.options.background.clock.cookie.hourHandStyle === "fill" ? 3 : 1
rotation: -90 + (360 / 12) * (root.clockHour + root.clockMinute / 60) rotation: -90 + (360 / 12) * (root.clockHour + root.clockMinute / 60)
// Using two different rectangle for animation. Can be used only one with border.color && border.width
Rectangle { Rectangle {
// fill
opacity: Config.options.background.clock.cookie.hourHandStyle === "fill" ? 1.0 : 0
Behavior on opacity {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
x: parent.width / 2 - hourHandWidth / 2 x: parent.width / 2 - hourHandWidth / 2
width: hourHandLength width: hourHandLength
height: hourHandWidth height: hourHandWidth
radius: hourHandWidth / 2 radius: hourHandWidth / 2
color: Config.options.background.clock.cookie.hourHandStyle === "stroke" ? "transparent" : root.colHourHand //color: Config.options.background.clock.cookie.hourHandStyle === "stroke" ? "transparent" : root.colHourHand
border.color: Config.options.background.clock.cookie.hourHandStyle === "stroke" ? root.colHourHand : "transparent" color : root.colHourHand
border.width: Config.options.background.clock.cookie.hourHandStyle === "stroke" ? 4 : 0 }
Rectangle {
// border
anchors.verticalCenter: parent.verticalCenter
x: parent.width / 2 - hourHandWidth / 2
width: hourHandLength
height: hourHandWidth
radius: hourHandWidth / 2
color: "transparent"
border.color: root.colHourHand
border.width: 4
} }
} }