todo list

.config/quickshell/modules/common/Appearance.qml

@@ -166,6 +166,11 @@ Singleton {
             property int type: Easing.OutCirc
             property int velocity: 650
         }
+        property QtObject elementDecelFast: QtObject {
+            property int duration: 140
+            property int type: Easing.OutCirc
+            property int velocity: 750
+        }
         property QtObject menuDecel: QtObject {
             property int duration: 350
             property int type: Easing.OutExpo

.config/quickshell/modules/common/widgets/StyledTabButton.qml

@@ -4,6 +4,7 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 import Quickshell.Io
+import Quickshell.Widgets
 
 TabButton {
     id: button
@@ -25,16 +26,34 @@ TabButton {
             }
         }
     }
-    contentItem: StyledText {
-        id: buttonTextWidget
+    contentItem: Item {
         anchors.centerIn: buttonBackground
-        horizontalAlignment: Text.AlignHCenter
-        text: buttonText
-        color: selected ? Appearance.m3colors.m3primary : Appearance.colors.colOnLayer1
-        Behavior on color {
-            ColorAnimation {
-                duration: Appearance.animation.elementDecel.duration
-                easing.type: Appearance.animation.elementDecel.type
+        RowLayout {
+            anchors.centerIn: parent
+            spacing: 0
+            MaterialSymbol {
+                Layout.rightMargin: 5
+                text: buttonIcon
+                font.pixelSize: Appearance.font.pixelSize.larger
+                color: selected ? Appearance.m3colors.m3primary : Appearance.colors.colOnLayer1
+                Behavior on color {
+                    ColorAnimation {
+                        duration: Appearance.animation.elementDecel.duration
+                        easing.type: Appearance.animation.elementDecel.type
+                    }
+                }
+            }
+            StyledText {
+                id: buttonTextWidget
+                horizontalAlignment: Text.AlignHCenter
+                text: buttonText
+                color: selected ? Appearance.m3colors.m3primary : Appearance.colors.colOnLayer1
+                Behavior on color {
+                    ColorAnimation {
+                        duration: Appearance.animation.elementDecel.duration
+                        easing.type: Appearance.animation.elementDecel.type
+                    }
+                }
             }
         }
     }

.config/quickshell/modules/common/widgets/StyledToolTip.qml

@@ -27,6 +27,6 @@ ToolTip {
         id: tooltipTextObject
         text: content
         color: Appearance.colors.colOnTooltip
-        wrapMode: Text.WordWrap
+        wrapMode: Text.Wrap
     }
 }