add animation to 'rect' date style

This commit is contained in:
darksignal7
2025-10-08 21:16:14 +03:00
parent 19230db8b7
commit 70f3a25798
2 changed files with 11 additions and 7 deletions
@@ -27,7 +27,7 @@ Item {
// Rectangle date (only today's number) in right side of the clock // Rectangle date (only today's number) in right side of the clock
Loader { Loader {
id: rectLoader id: rectLoader
property real animIndex: root.style === "rect" ? 1.0 : 0.0 property real animIndex: root.style === "rect" ? 1.0 : 0.0
Behavior on animIndex { Behavior on animIndex {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this) animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
@@ -35,6 +35,9 @@ Item {
active: animIndex > 0 active: animIndex > 0
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
sourceComponent: RectangleDate { sourceComponent: RectangleDate {
color: Appearance.colors.colSecondaryContainerHover color: Appearance.colors.colSecondaryContainerHover
radius: Appearance.rounding.small radius: Appearance.rounding.small
@@ -6,15 +6,16 @@ import qs.modules.common.widgets
import QtQuick import QtQuick
Rectangle { Rectangle {
id: rect
readonly property string dialStyle: Config.options.background.clock.cookie.dialNumberStyle readonly property string dialStyle: Config.options.background.clock.cookie.dialNumberStyle
property real animIndex: 0 property real animIndex: 0
opacity: animIndex opacity: animIndex
width: 45 width: 45 * animIndex
height: 30 height: 30 * animIndex
x: dialStyle === "numbers" ? 155 : 150 x: root.dialStyle === "numbers" ? -40 : -10
y: dialStyle === "numbers" ? 155 : 100 y: root.dialStyle === "numbers" ? 55 : 0
Behavior on x { Behavior on x {
animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this) animation: Appearance.animation.elementMoveFast.numberAnimation.createObject(this)