status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-01-20 19:39:22 +00:00
Code Issues Projects Releases Wiki Activity

fix: make chatMessages new message box clearer

Browse Source
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 { Button {
readonly property int buttonPadding: 5
id: newMessagesBox id: newMessagesBox
height: 32 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.bottom: parent.bottom
anchors.right: parent.right anchors.right: parent.right
anchors.rightMargin: Style.current.padding anchors.rightMargin: Style.current.padding
background: Rectangle { background: Rectangle {
color: Style.current.buttonDisabledForegroundColor color: Style.current.buttonSecondaryColor
border.width: 0 border.width: 0
radius: 16 radius: 16
} }
@ -74,7 +76,7 @@ ScrollView {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
anchors.left: nbMessages.right anchors.left: nbMessages.right
source: "../../../img/leave_chat.svg" source: "../../../img/leave_chat.svg"
anchors.leftMargin: nbMessages.visible ? 5 : 0 anchors.leftMargin: nbMessages.visible ? newMessagesBox.buttonPadding : 0
rotation: -90 rotation: -90
ColorOverlay { ColorOverlay {

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

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

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

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

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

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