waffles: expandable notifs

dots/.config/quickshell/ii/modules/waffle/bar/BarButton.qml

@@ -5,17 +5,12 @@ import qs.modules.common
 import qs.modules.common.functions
 import qs.modules.waffle.looks
 
-WButton {
+AcrylicButton {
     id: root
 
     property var altAction: () => {}
     property var middleClickAction: () => {}
 
-    colBackground: ColorUtils.transparentize(Looks.colors.bg1)
-    colBackgroundHover: Looks.colors.bg1Hover
-    colBackgroundActive: Looks.colors.bg1Active
-    property color colBackgroundBorder
-    property color color
     Layout.fillHeight: true
     topInset: 4
     bottomInset: 4
@@ -23,16 +18,7 @@ WButton {
     rightInset: 0
     horizontalPadding: 8
 
-    colBackgroundBorder: ColorUtils.transparentize(Looks.colors.bg1Border, (root.checked || root.hovered) ? Looks.backgroundTransparency : 1)
-    color: {
-        if (root.down) {
-            return root.colBackgroundActive
-        } else if ((root.hovered && !root.down) || root.checked) {
-            return root.colBackgroundHover
-        } else {
-            return root.colBackground
-        }
-    }
+    colBackground: ColorUtils.transparentize(Looks.colors.bg1)
 
     MouseArea {
         anchors.fill: parent
@@ -50,15 +36,4 @@ WButton {
         }
     }
 
-    background: AcrylicRectangle {
-        shiny: ((root.hovered && !root.down) || root.checked)
-        color: root.color
-        radius: Looks.radius.medium
-        border.width: 1
-        border.color: root.colBackgroundBorder
-
-        Behavior on border.color {
-            animation: Looks.transition.color.createObject(this)
-        }
-    }
 }