JC Brand
dd91d3cc55
Use flexbox to keep the chat scrolled down
...
By using `display: flex` and `flex-direction: column-reverse`, the chat
now automatically scrolls down when loaded, without requiring any
extra JavaScript.
We still need to scroll down with JavaScript when sending a message.
By using `column-reverse`, the messages container now works in reverse.
So the newest message is the first element in the container and the
oldest message is the last. This is the reverse of before.
Due to this, this change will likely break some plugins.
2019-06-18 11:37:07 +02:00
JC Brand
1d9bbb8ddd
Message display improvements
...
* Checkmark and edit modal button are now on the right
* Instead of showing checkmarks for MUC messages,
we now show them as light grey before MUC reflection
* Simplify message markup by requiring less `if` statements
2019-06-04 11:12:22 +02:00
JC Brand
271c79eae8
Refactor message corrections
...
- Save date for older message versions and display it in the modal
- Properly handle the correction being received *before* the corrected message
2019-05-22 13:26:46 +02:00
JC Brand
7feab35a1d
CSS fix. Nickname gets cut off in /me message
2019-04-27 13:25:47 +02:00
JC Brand
77241bf5fe
Single emoji rendering fixes.
...
* Make the emoji a little bit smaller
* Avoid scrollbar appearing for single emoji messages
* Also identify single sent emojis
2019-03-31 20:46:49 +02:00
JC Brand
0725d5a53f
Reduce top/bottom padding on messages
2019-03-28 12:43:34 +01:00
JC Brand
49da581d14
Fixes #1400 . When chat message is only an emoji, enlarge it
2019-02-27 10:34:47 +01:00
JC Brand
bce4886a2b
CSS: Add padding after message time
2019-02-13 18:23:47 +01:00
JC Brand
becbedd7db
CSS: fix margin for lock icon
2019-01-31 15:26:19 +01:00
JC Brand
0b1e5c6308
Hack to avoid cutting of message author text
2019-01-31 13:31:58 +01:00
JC Brand
59a9c86fa5
Fixes #1417
2019-01-28 13:39:33 +01:00
JC Brand
d97deaea80
Fixes #1369
...
* Add test and changelog entry
* Also show message subject if available
2019-01-28 13:27:25 +01:00
JC Brand
4f8cb48fb3
CSS: Avoid scrolled overflows for long messages and long usernames
2019-01-10 21:14:09 +01:00
JC Brand
11655e2e32
Use Muli as the headings font
2019-01-01 12:05:46 +01:00
JC Brand
82a97fdcb0
Add padding to receipt checkmark
2018-11-15 10:50:25 +01:00
JC Brand
3505750536
Enforce avatar img size
2018-11-14 16:37:02 +01:00
Emmanuel Gil Peyrot
174b257c39
Add a dark theme inspired by Discord
...
This theme takes inspiration from https://discordapp.com/ and builds on
top of custom-properties, making the design more familiar to some users.
In order to change the theme, add the 'theme-dark' class on #conversejs,
you can do it at any point during the lifetime of Converse, either
directly in your HTML or by changing the DOM at runtime.
2018-11-14 15:45:51 +01:00
Christoph Scholz
da5ca0b585
implement XEP-0184: Message Delivery Receipts
2018-11-13 17:13:35 +01:00
JC Brand
77a7397614
Errors should be red
2018-11-12 14:23:35 +01:00
Emmanuel Gil Peyrot
28dc6e2cfe
Switch from SASS variables to CSS custom properties
...
This will eventually allow client-side theming support.
2018-11-03 00:40:43 +01:00
JC Brand
f5686a5093
Make all .chat-info messages smaller
2018-10-13 14:14:02 +02:00
JC Brand
7270abb08b
Some refactoring of the code that collapses leave/join messages
...
Mostly to match any previous leave/join message from the same user
Fixes #1062
2018-10-13 13:23:55 +02:00
JC Brand
31374a78bc
Avoid linebreak after author name
2018-09-19 16:10:18 +02:00
JC Brand
dee49e382c
Avoid horizontal scrolling for messages in Firefox
2018-09-18 13:14:55 +02:00
JC Brand
0b8a63d5d8
Messages in overlay mode should span whole area
2018-09-07 14:10:53 +02:00
JC Brand
1d38d8af03
Use twemoji for rendering emojis
2018-09-03 13:24:37 +02:00
linkmauve
5693350883
Keep multiple whitespace characters as is
...
Currently multiple consecutive spaces or tabs were being transformed into a single space, rendering some ASCII art unreadable. This patch fixes it by giving each message text the CSS behaviour of <pre/>.
2018-08-24 09:36:00 +02:00
JC Brand
b7eb19e225
Render mentions in a message
2018-08-16 15:17:54 +02:00
JC Brand
08dce556f9
When correcting a message, also highlight the textarea.
2018-08-07 10:09:35 +02:00
JC Brand
acd9a18696
Update with new message markup
2018-07-21 07:34:03 +02:00
JC Brand
b751c06694
Start using BEM to structure messages Sass/CSS
...
updates #421
2018-07-20 14:09:30 +02:00
JC Brand
5444f54d00
Add message edit icons to mockups
...
updates #421
2018-07-19 17:06:58 +02:00
JC Brand
84a10d77d9
Cancel message correction by pressing the down arrow
...
Also, add a class `correcting` to the message being corrected, to
provide a visual cue.
updates #421
2018-07-08 11:30:15 +02:00
JC Brand
9e965fa20e
Add a rudimentary message versions modal
2018-07-06 01:36:34 +02:00
JC Brand
28bc3a2252
Use future for headings
2018-05-14 13:49:04 +02:00
JC Brand
708b1dbe99
fixes #337
...
It's now possible to set your VCard via the UI and via the API
2018-05-08 18:14:56 +02:00
JC Brand
2d2dcd4a6d
css fixes
2018-05-08 14:44:59 +02:00
JC Brand
7eb6b13f10
Don't mark /me messages are followup messages.
2018-05-02 14:55:10 +02:00
JC Brand
cbc48629f1
Clear canvas before redrawing
2018-05-01 19:55:26 +02:00
JC Brand
58ca4a5664
Tweak message padding
2018-04-30 15:37:37 +02:00
JC Brand
93af6f4d0d
In overlayed mode, don't pad followup messages
2018-04-30 15:37:37 +02:00
JC Brand
d316445fa0
Try to more intelligently break up long messages.
...
Use break-word in long URLs but not otherwise.
2018-04-30 15:37:37 +02:00
JC Brand
876a07b3de
Fix the failing tests
2018-04-30 15:37:37 +02:00
JC Brand
ab09379a51
Move common Sass variables into a single file
...
Part of slowly trying to bring all styles into a single CSS file.
2018-04-30 15:37:36 +02:00
JC Brand
56e4e8b8ee
Fix rendering of headline messages.
...
Also, add urijs to more intelligently handle URIs
2018-04-30 15:37:36 +02:00
JC Brand
f913ee86f0
Fix chat-image styling. Add spoiler margin
2018-04-30 15:37:36 +02:00
JC Brand
afcb808127
Mockup: Add "Announcements" section, update markup and styles for user-panel
2018-04-30 15:37:36 +02:00
JC Brand
57f7e31aa1
Add a spoiler message to the mockups
2018-04-30 15:37:36 +02:00
JC Brand
aa6a739cfa
Initial work on showing avatars in messages.
...
- Update the mockups to show avatars.
2018-04-30 15:37:36 +02:00
