Commit Graph

149 Commits

Author SHA1 Message Date
JC Brand
aa6a739cfa Initial work on showing avatars in messages.
- Update the mockups to show avatars.
2018-04-30 15:37:36 +02:00
JC Brand
ee46b0ccad CSS fixes to embedded chat
* Don't change styling based on media queries
* Fix offsets so that an embedded chat fits properly inside container element
2018-04-25 18:04:04 +02:00
JC Brand
07ac8d4a3e Various HTML/CSS fixes for the demos, particularly embedded MUC 2018-04-24 14:46:09 +02:00
JC Brand
a19e7aeffe Add support for XEP-0066 Out of band data 2018-04-18 16:58:52 +02:00
JC Brand
463b0e6abe Fix height for minimized chats toggle
Also tweak progress indicator margin
2018-04-18 11:49:28 +02:00
JC Brand
95e648e79f Tweak margin and padding for messages 2018-04-18 08:53:54 +02:00
JC Brand
9528d81c00 Move various MUC methods onto the Backbone.Model
To more cleanly separate views and models and to make MUC in headless
mode more viable.

Refs #1032
2018-04-10 18:59:02 +02:00
JC Brand
9a526d4194 Refactoring of the XEP-0085 Chat State Notifications code
* Distinguish between CSN messages and other types of messages
* Properly clear previous notifications
* Better handling of notifications from multiple users (in MUC)
* Rename methods to make clarify intent
2018-04-06 17:02:28 +02:00
JC Brand
ea4337da51 Set column width for chatbox buttons in the sass file 2018-03-30 14:16:07 +02:00
JC Brand
4d8fdb9990 More changes to emoji toolbar (based on tests in Plone) 2018-03-30 14:16:06 +02:00
JC Brand
245ea22df3 Styling of emoji picker in the overlay view 2018-03-30 14:16:06 +02:00
JC Brand
14de16f728 Tweak .button-on css 2018-03-16 19:41:00 +00:00
JC Brand
d7de739001 Add close button for controlbox in overlay view mode 2018-03-09 23:53:05 +01:00
JC Brand
9c0b7c71cd Render OTR menu as a bootstrap dropdown 2018-03-09 17:30:42 +01:00
JC Brand
9825d6e777 Use bootstrap dropdown to render the emoji picker 2018-03-09 14:51:24 +01:00
JC Brand
40f4555419 Only show controlbox head when logging in, in overlayed view mode 2018-03-09 11:46:23 +01:00
JC Brand
2db4550b13 Update chat events markup. 2018-03-07 11:02:12 +01:00
JC Brand
b154d6d534 Render chat head, content and message form as flex items. 2018-03-07 10:10:22 +01:00
JC Brand
181b1836b0 Update and further style toolbars 2018-03-06 15:26:05 +01:00
JC Brand
e1d1bac790 Update the login form with markup from bootstrap mockup 2018-02-24 18:43:32 +01:00
JC Brand
e143c88475 More work on the "add chatroom" modal. Working now. 2018-02-22 15:58:23 +01:00
JC Brand
21556832f8 Update chatbox headers and buttons 2018-02-20 16:48:01 +01:00
JC Brand
5e6860754f Update chatbox head with new markup 2018-02-19 22:36:37 +01:00
JC Brand
c4367e7a0a Show own avatar 2018-02-19 22:12:50 +01:00
JC Brand
617019af0e Merge remote-tracking branch 'origin' into bootstrap4 2018-02-15 14:15:04 +01:00
JC Brand
4742e66b69 Fix linting errors and failing tests 2018-02-07 14:21:46 +01:00
JC Brand
0031938b97 Make the toolbar a little lighter 2018-02-07 13:16:34 +01:00
JC Brand
e34fa5d635 Style the spoiler 2018-02-07 10:30:06 +01:00
JC Brand
f6db2a9167 Use template to render the spoiler message. 2018-02-06 18:58:06 +01:00
JC Brand
19d9e281ae Update css and keep input and textarea values across toggles 2018-02-06 18:05:12 +01:00
JC Brand
400bdf775d More refactoring of spoilers code 2018-02-06 18:05:12 +01:00
ChaosKid42
c354dfde80 fix image rendering in IE11 (#1011) 2018-02-04 09:18:42 +01:00
JC Brand
0436a36169 Various smaller css fixes 2018-01-27 11:18:06 +01:00
JC Brand
53adebb780 Fix sidebar in responsive mode 2018-01-26 20:50:11 +01:00
JC Brand
b5a43f8177 Fix issues around chatroom textarea height and responsiveness 2018-01-26 20:25:38 +01:00
JC Brand
d1b1433e69 Don't set min width since the chatbox is now reponsive 2018-01-26 19:52:32 +01:00
JC Brand
24afd73842 Various tweaks (margins and otherwise) around responsiveness 2018-01-26 15:32:31 +01:00
JC Brand
808155bc3c Place chat boxes inside bootstrap rows
instead of the other way around.
2018-01-26 14:41:50 +01:00
JC Brand
799b53c098 Fix chatbox width for narrower viewports 2018-01-25 16:33:08 +01:00
JC Brand
3cee6a5650 mockup.css is no more. 2018-01-25 16:11:48 +01:00
JC Brand
e6d5631452 Start moving css from mockup.css into the core sass files 2018-01-23 14:34:05 +01:00
JC Brand
8997af7890 Updates #984 Add color-fadein animation for messages 2018-01-16 16:36:23 +01:00
JC Brand
d395387861 25% rounded avatars for all 2017-11-17 13:31:56 +01:00
JC Brand
8ffd9e24a3 css: fix alignment issues for messages with emojis in converse 2017-07-18 08:56:25 +02:00
JC Brand
c69bb0d04f css: fix highlighting in emoji picker 2017-07-18 08:23:55 +02:00
JC Brand
6fea88fcc3 Add JID validation and error messages to the add contact form 2017-07-17 22:08:15 +02:00
JC Brand
d23046329e Fixed a bug in slideOut where offsetHeight changes after sliding out
As a result we can again show emoji categories and skin tones on the same line
(if there is enough space).
2017-07-17 18:09:14 +02:00
JC Brand
496d2521fc muc: Show room domain in header.
Also make sure room name gets saved once it's been updated.
2017-07-17 18:07:31 +02:00
JC Brand
e4ebcc8f71 emoji: various css and html changes to improve ui/ux in converse and inverse 2017-07-16 15:04:54 +02:00
JC Brand
9a5f2fce61 emoji: Add a skin-tone picker to the emoji toolbar 2017-07-16 12:29:09 +02:00
JC Brand
284e884766 Add js-xss and use it to sanitize message HTML 2017-07-15 19:15:48 +02:00
JC Brand
a65b319d57 Improve styling for emoji-picker in the converse theme 2017-07-15 11:51:15 +02:00
JC Brand
b2a118ca9e Refactor slide methods in utils and use them for toolbar menus 2017-07-15 11:03:22 +02:00
JC Brand
5d99076f62 Filter out some emojis which don't have native support yet 2017-06-24 12:36:02 +02:00
JC Brand
b4ff38dba7 Pad the emoji categories 2017-06-24 12:27:59 +02:00
JC Brand
70f56b31f4 Merge branch 'master' into emoji 2017-06-24 11:04:19 +02:00
JC Brand
713e24e0e6 Don't let images go over the available width 2017-06-23 17:20:17 +02:00
JC Brand
0c78a25e5e Make .chat-info text smaller. 2017-06-20 11:43:54 +02:00
JC Brand
7cdf6f230b Re-style toolbars to have a light background 2017-06-19 15:42:37 +02:00
JC Brand
af0930c6f2 More css tweaks. Set text size in chats. 2017-06-18 00:30:06 +02:00
JC Brand
f988cb03c0 Various inverse-related CSS improvements.
Most notably, make toolbar same color as chat head and make private chats green
instead of orange.
2017-06-18 00:07:41 +02:00
JC Brand
ca53a8d8ef Add support for Emojis 2017-06-17 01:01:52 +02:00
JC Brand
7c831e1166 Various theming tweaks and improvements 2017-06-14 15:41:47 +02:00
JC Brand
bef236ec25 Tweak padding 2017-04-04 11:21:25 +00:00
JC Brand
ef02b4b604 Tweak the send button CSS (positioning and margin) 2017-03-31 22:41:06 +02:00
JC Brand
24942d6d0a Improved CSS for the send button.
- Simplify the Sass a bit
- Put the button at the bottom
- Give it full width (plus some margin)
- Let the color match the chatbox type

updates #796
2017-03-30 12:42:15 +02:00
Anshul Singhal
99647438ac Adds the send button at bottom of chatbox (#796)
Fixes #796 New config option: `show_send_button`

* Adds show_send_button setting to docs

* Change log updated

* Improves send button CSS, style fixes and documentation corrections

* Adds missing setting in rendering template for headlines
2017-03-30 12:40:17 +02:00
JC Brand
6121a3e11c Borderless window buttons.
The padding didn't appear consistent across browsers.
2017-03-01 22:12:30 +01:00
JC Brand
2c88545b28 Fix edge case with /me messages. Show in italics. 2017-02-28 07:58:17 +00:00
JC Brand
971e1e2e26 Padding tweak 2017-02-27 17:56:39 +00:00
JC Brand
10a85336cc Show the description in the heading, not the subject 2017-02-19 00:20:21 +00:00
JC Brand
ba32dfdb83 Various style improvements related to embedded chats. 2017-02-03 12:31:51 +00:00
JC Brand
78b945ed7b CSS tweaks for the embedded demo 2017-02-02 23:16:25 +00:00
JC Brand
890d87c980 Add initial demo of embedded MUC chat 2017-02-02 21:55:05 +00:00
JC Brand
acf3329ac2 Height fix 2016-10-17 13:06:58 +02:00
JC Brand
b832285d93 Markup fix to allow bigger chatview avatar 2016-10-15 00:02:22 +02:00
JC Brand
052dd19252 Initial work on adding chatroom bookmarks. 2016-10-05 23:15:42 +02:00
JC Brand
5a1b308edd Render images from URLs 2016-05-28 11:13:49 +00:00
JC Brand
c738d085c4 Indicate to the user when there are unread messages
further down in the chat box.
2016-05-28 10:07:11 +00:00
JC Brand
aaaacf2513 Also show the day for the first received messages.
Until now, new days were only indicated for messages received on different days
*after* the day's messages.
2016-05-25 06:24:42 +00:00
JC Brand
332a0d920d Sass and CSS fixes for landscape mobile views. 2016-04-01 12:40:38 +00:00
JC Brand
f81acdbf00 Hide navbar in mobile view and set box height to full viewport height. 2015-11-05 10:42:51 +00:00
JC Brand
7c70452bb4 Some tweaks for better mobile/responsive behavior. 2015-11-04 18:36:18 +00:00
JC Brand
9dafaa75e9 Fix the width for roster entries. 2015-11-02 10:58:02 +00:00
JC Brand
66c029ed3e More CSS and markup fixes after looking in FF.
Changed the icon-* selector to apply only to :before (fixes ugly font rendering in FF).
2015-11-02 00:11:00 +00:00
JC Brand
43b9fa0fc8 Initial work on rendering VCard info in chat box 2015-11-01 02:31:59 +00:00
JC Brand
715b6c22f2 Fix wrapping and truncation issues in chat head. 2015-11-01 02:00:31 +00:00
JC Brand
9436f6ed2f Initial updates to the chat head look.
- Round buttons
- Make the head taller
- Wrap name
- Add "view" button for viewing vcard data (needs JS code still).
2015-10-31 18:29:43 +00:00
JC Brand
dfcebeb621 Rename participants to occupants. 2015-10-31 16:48:50 +00:00
JC Brand
bf3891569e Various small CSS fixes and improvements. 2015-10-30 18:47:13 +00:00
JC Brand
c647783281 Make avatar round and center/resize image properly. 2015-10-30 17:10:09 +00:00
JC Brand
f37fadc318 Added a new color scheme. 2015-10-29 09:29:01 +00:00
JC Brand
aaa8ea36ee Fix CSS for minimized chats (broken after recent refactoring) 2015-10-29 08:12:40 +00:00
JC Brand
8708b68577 Include CSS from pure.css and update styles and markup a bit. 2015-10-28 20:31:24 +00:00
JC Brand
a89659425d Add new css chat-msg-author as base class. 2015-10-28 09:03:37 +00:00
JC Brand
7ad3c385aa Rename chat-message-* class to chat-msg-* 2015-10-28 08:52:19 +00:00
JC Brand
ca2b40f79c More css refactoring. 2015-10-28 08:49:28 +00:00
JC Brand
ee9f73ab50 Move more Sass out of core into separate files. 2015-10-28 07:33:50 +00:00
JC Brand
37c6925e9c More refactoring of css/sass.
- All chats (boxes and rooms) should now have .chatbox class (for base styles)
- Move specific stuff to new sass files (fonts, chatbox, normalize)
2015-10-27 10:22:19 +00:00