Commit Graph

51 Commits

Author SHA1 Message Date
JC Brand
36549bf61d Revert flexbox, column-reverse changes
Unfortunately this doesn't work on Firefox and there's no proper
workaround. https://github.com/philipwalton/flexbugs/issues/108

Reverts:

Revert "Bugfix. Properly insert error messages and spinner"
This reverts commit 6a419cc145.

Revert "Use flexbox to keep the chat scrolled down"
This reverts commit dd91d3cc55.
2019-06-19 11:45:54 +02:00
JC Brand
55f7183f36 Keep horizontal padding on a per message level 2019-06-18 14:38:47 +02:00
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