diff --git a/modules/BackgroundOverlay.qml b/modules/BackgroundOverlay.qml index b0bfa74..6a47233 100644 --- a/modules/BackgroundOverlay.qml +++ b/modules/BackgroundOverlay.qml @@ -22,21 +22,65 @@ PanelWindow { SystemClock { id: clock - precision: SystemClock.Minutes + precision: SystemClock.Seconds } Column { anchors.centerIn: parent spacing: 8 - Text { + Row { anchors.horizontalCenter: parent.horizontalCenter - text: Qt.formatDateTime(clock.date, "HH:mm") - color: M.Theme.base05 - opacity: 0.7 - font.pixelSize: 72 - font.family: M.Theme.fontFamily - font.bold: true + + Text { + text: Qt.formatDateTime(clock.date, "HH") + color: M.Theme.base05 + opacity: 0.7 + font.pixelSize: 72 + font.family: M.Theme.fontFamily + font.bold: true + } + Text { + id: colon + text: ":" + font.pixelSize: 72 + font.family: M.Theme.fontFamily + font.bold: true + + property int _colorIdx: 0 + readonly property var _colors: [M.Theme.base08, M.Theme.base09, M.Theme.base0A, M.Theme.base0B, M.Theme.base0C, M.Theme.base0D, M.Theme.base0E, M.Theme.base05] + color: _colors[_colorIdx % _colors.length] + + SequentialAnimation { + loops: Animation.Infinite + running: true + NumberAnimation { + target: colon + property: "opacity" + to: 0.1 + duration: 1000 + easing.type: Easing.InOutSine + } + ScriptAction { + script: colon._colorIdx++ + } + NumberAnimation { + target: colon + property: "opacity" + to: 0.7 + duration: 1000 + easing.type: Easing.InOutSine + } + } + } + Text { + text: Qt.formatDateTime(clock.date, "mm") + color: M.Theme.base05 + opacity: 0.7 + font.pixelSize: 72 + font.family: M.Theme.fontFamily + font.bold: true + } } Text { diff --git a/modules/Bar.qml b/modules/Bar.qml index fd59ff4..f9a4e76 100644 --- a/modules/Bar.qml +++ b/modules/Bar.qml @@ -138,6 +138,7 @@ PanelWindow { } } M.BarGroup { + Layout.minimumWidth: 0 clip: true M.WindowTitle { visible: M.Modules.windowTitle.enable