Update/refactor Chat components and banner

This commit is contained in:
miruka
2019-04-28 14:20:30 -04:00
parent bf9eb7dbc9
commit 99ab6a817a
15 changed files with 89 additions and 118 deletions

View File

@@ -9,6 +9,7 @@ Rectangle {
property var imageSource: null
property int dimension: 48
readonly property string resolvedName:
! name ? "?" :
typeof(name) == "string" ? name :
@@ -16,6 +17,9 @@ Rectangle {
width: dimension
height: hidden ? 1 : dimension
implicitWidth: dimension
implicitHeight: hidden ? 1 : dimension
opacity: hidden ? 0 : 1
color: resolvedName === "?" ?

View File

@@ -15,6 +15,9 @@ Button {
property int contentWidth: 0
readonly property alias visibility: button.visible
onVisibilityChanged: if (! visibility) { loading = false }
signal canceled
signal clicked
signal doubleClicked
@@ -30,7 +33,6 @@ Button {
}
id: button
display: Button.TextBesideIcon
background: Rectangle {
id: buttonBackground

View File

@@ -21,7 +21,8 @@ QtObject {
}
readonly property QtObject colors: QtObject {
property color background0: Qt.hsla(0, 0, 0.8, 0.7)
property color background0: Qt.hsla(0, 0, 0.8, 0.5)
property color background1: Qt.hsla(0, 0, 0.8, 0.7)
property color foreground: "black"
property color foregroundDim: Qt.hsla(0, 0, 0.2, 1)
property color foregroundError: Qt.hsla(0.95, 0.64, 0.32, 1)
@@ -30,52 +31,56 @@ QtObject {
property int radius: 5
readonly property QtObject sidePane: QtObject {
property color background: colors.background0
property color background: colors.background1
}
readonly property QtObject chat: QtObject {
readonly property QtObject roomHeader: QtObject {
property color background: colors.background0
property color background: colors.background1
}
readonly property QtObject messageList: QtObject {
property color background: colors.background0
property color background: "transparent"
}
readonly property QtObject message: QtObject {
property color background: colors.background0
property color background: colors.background1
property color body: colors.foreground
property color date: colors.foregroundDim
}
readonly property QtObject event: QtObject {
property color background: colors.background0
property color background: colors.background1
property real saturation: 0.22
property real lightness: 0.24
property color date: colors.foregroundDim
}
readonly property QtObject daybreak: QtObject {
property color background: colors.background0
property color background: colors.background1
property color foreground: colors.foreground
property int radius: style.radius
}
readonly property QtObject inviteBanner: QtObject {
property color background: colors.background0
property color background: colors.background1
}
readonly property QtObject leftBanner: QtObject {
property color background: colors.background1
}
readonly property QtObject typingUsers: QtObject {
property color background: colors.background0
}
readonly property QtObject sendBox: QtObject {
property color background: colors.background0
property color background: colors.background1
}
}
readonly property QtObject box: QtObject {
property color background: colors.background0
property color background: colors.background1
property int radius: style.radius
}