Remove blur effect, causes too much trouble

harmonyqml/components/Chat/Banners/Banner.qml

@@ -2,7 +2,7 @@ import QtQuick 2.7
 import QtQuick.Layouts 1.3
 import "../../Base"
 
-HGlassRectangle {
+HRectangle {
     id: banner
     Layout.fillWidth: true
     Layout.preferredHeight: 32

harmonyqml/components/Chat/Chat.qml

@@ -3,8 +3,9 @@ import QtQuick.Layouts 1.3
 import "../Base"
 import "Banners"
 import "RoomEventList"
+import "DetailsPane"
 
-HColumnLayout {
+HSplitView {
     property string userId: ""
     property string category: ""
     property string roomId: ""
@@ -31,34 +32,46 @@ HColumnLayout {
         }
     )
 
-    RoomHeader {
-        displayName: roomInfo.displayName
-        topic: roomInfo.topic || ""
-    }
-
-    RoomEventList {
+    HColumnLayout {
         Layout.fillWidth: true
-        Layout.fillHeight: true
+
+        RoomHeader {
+            displayName: roomInfo.displayName
+            topic: roomInfo.topic || ""
+        }
+
+        RoomEventList {
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+        }
+
+        TypingMembersBar {}
+
+        InviteBanner {
+            visible: category === "Invites"
+            inviter: roomInfo.inviter
+        }
+
+        UnknownDevicesBanner {
+            visible: category == "Rooms" && hasUnknownDevices
+        }
+
+        SendBox {
+            id: sendBox
+            visible: category == "Rooms" && ! hasUnknownDevices
+        }
+
+        LeftBanner {
+            visible: category === "Left"
+            leftEvent: roomInfo.leftEvent
+        }
     }
 
-    TypingMembersBar {}
+    DetailsPane {
+        property int parentWidth: parent.width
+        onParentWidthChanged: width = Math.min(parent.width * 0.3, 300)
 
-    InviteBanner {
-        visible: category === "Invites"
-        inviter: roomInfo.inviter
-    }
-
-    UnknownDevicesBanner {
-        visible: category == "Rooms" && hasUnknownDevices
-    }
-
-    SendBox {
-        id: sendBox
-        visible: category == "Rooms" && ! hasUnknownDevices
-    }
-
-    LeftBanner {
-        visible: category === "Left"
-        leftEvent: roomInfo.leftEvent
+        Layout.minimumWidth: 36
+        Layout.maximumWidth: parent.width
     }
 }

harmonyqml/components/Chat/RoomEventList/RoomEventList.qml

@@ -1,7 +1,7 @@
 import QtQuick 2.7
 import "../../Base"
 
-HGlassRectangle {
+HRectangle {
     property int space: 8
 
     color: HStyle.chat.roomEventList.background

harmonyqml/components/Chat/RoomHeader.qml

@@ -2,7 +2,7 @@ import QtQuick 2.7
 import QtQuick.Layouts 1.3
 import "../Base"
 
-HGlassRectangle {
+HRectangle {
     property string displayName: ""
     property string topic: ""
 

harmonyqml/components/Chat/SendBox.qml

@@ -2,7 +2,7 @@ import QtQuick 2.7
 import QtQuick.Layouts 1.3
 import "../Base"
 
-HGlassRectangle {
+HRectangle {
     function setFocus() { textArea.forceActiveFocus() }
 
     id: root

harmonyqml/components/Chat/TypingMembersBar.qml

@@ -3,7 +3,7 @@ import QtQuick.Layouts 1.3
 import "../Base"
 import "utils.js" as ChatJS
 
-HGlassRectangle {
+HRectangle {
     property var typingMembers: chatPage.roomInfo.typingMembers
 
     color: HStyle.chat.typingMembers.background