Make message input chat-bubble styled

[AndyScherzinger]

• 💡 Beware the input "bubble is wider than the chat. I did this to not loose more space since the buttons (attachment, emoji and send/mic are 48dp in height/width for a11y reasons) if I add another 8dp on each side of the bubble the message input text field "looses" another 16dp in width
• Input field buttons are now bottom-aligned like in other messengers
• paddings and margins are more unified across the chat input elements in general, same for the grey tones in use

🖼️ Screenshots

🏚️ Before 🌞	🏚️ Before 🌑	🏡 After 🌞	🏡 After 🌑

🚧 TODO

• Design review
• Code review

🏁 Checklist

• ⛑️ Tests (unit and/or integration) are included or not needed
• 🔖 Capability is checked or not needed
• 🔙 Backport requests are created or not needed: /backport to stable-xx.x
• 📅 Milestone is set
• 🌸 PR title is meaningful (if it should be in the changelog: is it meaningful to users?)

[github-actions]

APK file: https://www.kaminsky.me/nc-dev/android-artifacts/5671.apk



To test this change/fix you can simply download above APK file and install and test it in parallel to your existing Nextcloud app.

[github-actions]

Codacy

Lint

Type	master	PR
Warnings	99	97
Errors	0	0

SpotBugs

Category	Base	New
Bad practice	6	6
Correctness	10	10
Dodgy code	54	54
Internationalization	3	3
Malicious code vulnerability	3	3
Performance	4	4
Security	1	1
Total	81	81

[sowjanyakch]

Record a voice message using the lock-to-record gesture and send the message. Edit message UI appears.

[AndyScherzinger]

Nice finding, didn't expect that @sowjanyakch.

Could #5675 be the original cause or you're PR the fixed for it @rapterjet2004?

[rapterjet2004]

Yes, I believe my PR was the fix for the voice recording bug, as the edit UI wasn't hidden by default, and only hidden when the user first received capabilities from the server upon entering the conversation.

[mahibi]

thanks @AndyScherzinger , looks great 👍

For the future it could be an option to make the content scrollable from edge to edge
..while combining blurring and fading behind the message input panel
..and blurring behind the appbar&system bar.

This is how it looks on telegram:

Screen_recording_20260107_104257.mp4

But this should wait until ChatActivity is migrated to Compose.