fix(StatusChatList): Fixed alignment in left column (#680)

Needed for https://github.com/status-im/status-desktop/issues/5211
This commit is contained in:
Alexandra Betouni 2022-05-18 17:01:27 +03:00 committed by GitHub
parent c01f623305
commit 6ba2d8f3e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 11 deletions

View File

@ -27,18 +27,16 @@ StatusAppThreePanelLayout {
RowLayout { RowLayout {
id: searchInputWrapper id: searchInputWrapper
width: parent.width width: 288
height: searchInput.height height: searchInput.height
anchors.top: headline.bottom anchors.top: headline.bottom
anchors.topMargin: 16 anchors.topMargin: 16
anchors.right: parent.right anchors.horizontalCenter: parent.horizontalCenter
anchors.rightMargin: 8
StatusBaseInput { StatusBaseInput {
id: searchInput id: searchInput
Layout.fillWidth: true Layout.fillWidth: true
Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft Layout.alignment: Qt.AlignVCenter
Layout.leftMargin: 17
implicitHeight: 36 implicitHeight: 36
topPadding: 8 topPadding: 8
bottomPadding: 8 bottomPadding: 8
@ -61,7 +59,7 @@ StatusAppThreePanelLayout {
Column { Column {
anchors.top: searchInputWrapper.bottom anchors.top: searchInputWrapper.bottom
anchors.topMargin: 16 anchors.topMargin: 16
width: parent.width anchors.horizontalCenter: parent.horizontalCenter
spacing: 8 spacing: 8
StatusContactRequestsIndicatorListItem { StatusContactRequestsIndicatorListItem {
@ -72,7 +70,6 @@ StatusAppThreePanelLayout {
} }
StatusChatList { StatusChatList {
anchors.horizontalCenter: parent.horizontalCenter
model: Models.demoChatListItems model: Models.demoChatListItems
highlightItem: !root.createChat highlightItem: !root.createChat
onChatItemUnmuted: { onChatItemUnmuted: {

View File

@ -27,7 +27,6 @@ Item {
id: statusChatInfoButton id: statusChatInfoButton
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: 5
anchors.right: (implicitWidth > parent.width - 50) ? statusMenuButton.left : undefined anchors.right: (implicitWidth > parent.width - 50) ? statusMenuButton.left : undefined
anchors.rightMargin: 5 anchors.rightMargin: 5
type: StatusChatInfoButton.Type.OneToOneChat type: StatusChatInfoButton.Type.OneToOneChat
@ -37,7 +36,6 @@ Item {
StatusRoundButton { StatusRoundButton {
id: statusMenuButton id: statusMenuButton
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: 8
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
visible: popupMenuSlot.active visible: popupMenuSlot.active
@ -104,5 +102,4 @@ Item {
} }
} }
} }
} }

View File

@ -68,7 +68,6 @@ Item {
StatusChatList { StatusChatList {
id: statusChatList id: statusChatList
anchors.horizontalCenter: parent.horizontalCenter
visible: statusChatList.model.count > 0 visible: statusChatList.model.count > 0
onChatItemSelected: statusChatListAndCategories.chatItemSelected(categoryId, id) onChatItemSelected: statusChatListAndCategories.chatItemSelected(categoryId, id)
onChatItemUnmuted: statusChatListAndCategories.chatItemUnmuted(id) onChatItemUnmuted: statusChatListAndCategories.chatItemUnmuted(id)