status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: make chatMessages new message box clearer

This commit is contained in:
Jonathan Rainville 2020-09-28 10:21:40 -04:00 committed by Iuri Matias
parent 39f06d0741
commit 3881d1e012
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/app/AppLayouts/Chat/ChatColumn/ChatMessages.qml
View File

@ -38,14 +38,16 @@ ScrollView {
}
Button {
readonly property int buttonPadding: 5
id: newMessagesBox
height: 32
width: nbMessages.width + arrowImage.width + 2 * Style.current.halfPadding + (nbMessages.visible ? 5 : 0)
width: nbMessages.width + arrowImage.width + 2 * Style.current.halfPadding + (nbMessages.visible ? newMessagesBox.buttonPadding : 0)
anchors.bottom: parent.bottom
anchors.right: parent.right
anchors.rightMargin: Style.current.padding
background: Rectangle {
color: Style.current.buttonDisabledForegroundColor
color: Style.current.buttonSecondaryColor
border.width: 0
radius: 16
}
@ -74,7 +76,7 @@ ScrollView {
anchors.verticalCenter: parent.verticalCenter
anchors.left: nbMessages.right
source: "../../../img/leave_chat.svg"
anchors.leftMargin: nbMessages.visible ? 5 : 0
anchors.leftMargin: nbMessages.visible ? newMessagesBox.buttonPadding : 0
rotation: -90
ColorOverlay {

3
ui/imports/Themes/DarkTheme.qml
View File

@ -51,7 +51,8 @@ Theme {
property color buttonForegroundColor: blue
property color buttonBackgroundColor: secondaryBackground
property color buttonDisabledForegroundColor: darkGrey
property color buttonSecondaryColor: darkGrey
property color buttonDisabledForegroundColor: buttonSecondaryColor
property color buttonDisabledBackgroundColor: darkerGrey
property color roundedButtonForegroundColor: white

3
ui/imports/Themes/LightTheme.qml
View File

@ -50,7 +50,8 @@ Theme {
property color buttonForegroundColor: blue
property color buttonBackgroundColor: secondaryBackground
property color buttonDisabledForegroundColor: darkGrey
property color buttonSecondaryColor: darkGrey
property color buttonDisabledForegroundColor: buttonSecondaryColor
property color buttonDisabledBackgroundColor: grey
property color roundedButtonForegroundColor: buttonForegroundColor

1
ui/imports/Themes/Theme.qml
View File

@ -35,6 +35,7 @@ QtObject {
property color buttonForegroundColor
property color buttonBackgroundColor
property color buttonSecondaryColor
property color buttonDisabledForegroundColor
property color buttonDisabledBackgroundColor
property color roundedButtonForegroundColor