Shinonome/dots-hyprland
1
0
Fork 1
mirror of https://github.com/end-4/dots-hyprland.git synced 2026-06-06 23:39:27 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

animate date bubbles with MaterialCookie on constantlyRotate

Browse Source
This commit is contained in:
darksignal7
2025-10-06 19:25:46 +03:00
parent 924a01bca6
commit fc8985b242
1 changed files with 37 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.config/quickshell/ii/modules/background/cookieClock/DateIndicator.qml
+37 -19
View File
@@ -92,24 +92,33 @@ Item {
}
// Date bubble style left side
Rectangle {
z: 5
implicitWidth: root.style === "bubble" ? dateSquareSize : 0
implicitHeight: root.style === "bubble" ? dateSquareSize : 0
color: Appearance.colors.colPrimaryContainer
radius: Appearance.rounding.large
Item {
width: root.style === "bubble" ? dateSquareSize : 0
height: root.style === "bubble" ? dateSquareSize : 0
anchors {
left: parent.left
bottom: parent.bottom
bottomMargin: 5
topMargin: 50
}
Behavior on implicitWidth {
Behavior on width {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
Behavior on implicitHeight {
Behavior on height {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
MaterialCookie {
z: 5
sides: 4
anchors.centerIn: parent
color: Appearance.colors.colPrimaryContainer
implicitSize: root.style === "bubble" ? dateSquareSize : 0
constantlyRotate: Config.options.background.clock.cookie.constantlyRotate
Behavior on implicitSize {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
}
StyledText {
z: 6
anchors.centerIn: parent
text: DateTime.date.substring(5, 7)
color: Appearance.colors.colPrimary
@@ -126,26 +135,35 @@ Item {
}
// Date bubble style right side
Rectangle {
z: 5
implicitWidth: root.style === "bubble" ? dateSquareSize : 0
implicitHeight: root.style === "bubble" ? dateSquareSize : 0
color: Appearance.colors.colTertiaryContainer
radius: Appearance.rounding.verylarge
Item {
width: root.style === "bubble" ? dateSquareSize : 0
height: root.style === "bubble" ? dateSquareSize : 0
anchors {
right: parent.right
top: parent.top
topMargin: 5
bottomMargin: 50
}
Behavior on implicitWidth {
Behavior on width {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
Behavior on implicitHeight {
Behavior on height {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
MaterialCookie {
z: 5
sides: 1
anchors.centerIn: parent
color: Appearance.colors.colTertiaryContainer
implicitSize: root.style === "bubble" ? dateSquareSize : 0
constantlyRotate: Config.options.background.clock.cookie.constantlyRotate
Behavior on implicitSize {
animation: Appearance.animation.elementResize.numberAnimation.createObject(this)
}
}
StyledText {
z: 6
anchors.centerIn: parent
text: DateTime.date.substring(8, 10)
text: DateTime.date.substring(5, 7)
color: Appearance.colors.colTertiary
opacity: root.style === "bubble" ? 1.0 : 0
font {