From 8337bb2ad23147d3f6dba28462d3d0bd03fb2a4f Mon Sep 17 00:00:00 2001
From: Black Hat <bhat@encom.eu.org>
Date: Fri, 12 Jul 2019 15:37:36 +0800
Subject: [PATCH] Add ripple effect on tab bar.

---
 imports/Spectral/Panel/RoomListPanel.qml | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/imports/Spectral/Panel/RoomListPanel.qml b/imports/Spectral/Panel/RoomListPanel.qml
index b4809dca5..3186030c5 100644
--- a/imports/Spectral/Panel/RoomListPanel.qml
+++ b/imports/Spectral/Panel/RoomListPanel.qml
@@ -417,17 +417,22 @@ Item {
                         }
 
                         Label {
+                            Layout.fillWidth: true
                             Layout.alignment: Qt.AlignVCenter
 
                             visible: newTabControl.highlighted
 
                             text: "New"
                             color: "white"
+                            horizontalAlignment: Text.AlignHCenter
                         }
                     }
 
-                    MouseArea {
+                    RippleEffect {
                         anchors.fill: parent
+
+                        circular: true
+
                         onClicked: filter = 0
                     }
                 }
@@ -462,17 +467,22 @@ Item {
                         }
 
                         Label {
+                            Layout.fillWidth: true
                             Layout.alignment: Qt.AlignVCenter
 
                             visible: peopleTabControl.highlighted
 
                             text: "People"
                             color: "white"
+                            horizontalAlignment: Text.AlignHCenter
                         }
                     }
 
-                    MouseArea {
+                    RippleEffect {
                         anchors.fill: parent
+
+                        circular: true
+
                         onClicked: filter = 1
                     }
                 }
@@ -507,17 +517,22 @@ Item {
                         }
 
                         Label {
+                            Layout.fillWidth: true
                             Layout.alignment: Qt.AlignVCenter
 
                             visible: groupTabControl.highlighted
 
                             text: "Group"
                             color: "white"
+                            horizontalAlignment: Text.AlignHCenter
                         }
                     }
 
-                    MouseArea {
+                    RippleEffect {
                         anchors.fill: parent
+
+                        circular: true
+
                         onClicked: filter = 2
                     }
                 }