ESCA111/neochat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update the look of the chatbar to be floating with the rich text controls on top and send buttons inline

Browse Source
This commit is contained in:
James Graham
2026-01-17 15:46:00 +00:00
parent 79de8a792c
commit 6b318ec754
25 changed files with 945 additions and 806 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/timeline/TimelineView.qml
View File

@@ -335,9 +335,13 @@ QQC2.ScrollView {
RowLayout {
id: typingPaneContainer
visible: _private.room && _private.room.otherMembersTyping.length > 0
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
anchors {
left: parent.left
leftMargin: Kirigami.Units.largeSpacing
right: parent.right
bottom: parent.bottom
bottomMargin: Kirigami.Units.smallSpacing
}
height: visible ? typingPane.implicitHeight : 0
z: 2
Behavior on height {

27
src/timeline/TypingPane.qml
View File

@@ -16,28 +16,19 @@ Loader {
property string labelText: ""
active: visible
sourceComponent: QQC2.Pane {
sourceComponent: QQC2.Control {
id: typingPane
leftPadding: Kirigami.Units.largeSpacing
rightPadding: Kirigami.Units.largeSpacing
topPadding: Kirigami.Units.smallSpacing
bottomPadding: Kirigami.Units.smallSpacing
spacing: Kirigami.Units.largeSpacing
FontMetrics {
id: fontMetrics
}
Kirigami.Theme.colorSet: Kirigami.Theme.View
Kirigami.Theme.inherit: false
contentItem: RowLayout {
spacing: typingPane.spacing
Row {
id: dotRow
property int duration: 400
spacing: Kirigami.Units.smallSpacing
spacing: Kirigami.Units.largeSpacing
Repeater {
model: 3
delegate: Rectangle {
@@ -113,14 +104,16 @@ Loader {
}
}
leftInset: !mirrored ? 0 : -(background as Rectangle).radius
rightInset: mirrored ? 0 : -(background as Rectangle).radius
bottomInset: -(background as Rectangle).radius
background: Rectangle {
background: Kirigami.ShadowedRectangle {
Kirigami.Theme.colorSet: Kirigami.Theme.View
Kirigami.Theme.inherit: false
radius: Kirigami.Units.cornerRadius
color: Kirigami.Theme.backgroundColor
border.color: Kirigami.ColorUtils.tintWithAlpha(Kirigami.Theme.backgroundColor, Kirigami.Theme.textColor, 0.2)
border.width: 1
border {
color: Kirigami.ColorUtils.linearInterpolation(Kirigami.Theme.backgroundColor, Kirigami.Theme.textColor, Kirigami.Theme.frameContrast)
width: 1
}
}
}
}