Commit Graph

512 Commits

Author SHA1 Message Date
JC Brand
245ea22df3 Styling of emoji picker in the overlay view 2018-03-30 14:16:06 +02:00
JC Brand
3f1602ddf2 Set z-index for .converse-chatboxes 2018-03-30 14:16:06 +02:00
JC Brand
11788bb7a1 Bundle font-awesome in the css 2018-03-30 14:16:05 +02:00
JC Brand
03bda96e4d Tweak line-height for requesting contacts 2018-03-30 14:16:05 +02:00
JC Brand
f90ca8f7f4 Remove unused class 2018-03-30 14:16:04 +02:00
JC Brand
aa2f0d8d2d Tweak unread messages indicator 2018-03-17 17:07:43 +00:00
JC Brand
f0ae8c44ff Show caret for room, bookmark and group toggles 2018-03-17 11:42:17 +00:00
JC Brand
14de16f728 Tweak .button-on css 2018-03-16 19:41:00 +00:00
JC Brand
1565decfc0 Add identifiable class name 2018-03-14 18:25:33 +00:00
JC Brand
ca141401a0 Fix failing tests 2018-03-13 13:42:00 +01:00
JC Brand
7f2143edb5 Fix spinner 2018-03-12 14:52:11 +01:00
JC Brand
bfc3081874 Update css for mobile view of overlay mode. 2018-03-11 12:04:27 +01:00
JC Brand
d7de739001 Add close button for controlbox in overlay view mode 2018-03-09 23:53:05 +01:00
JC Brand
a1145140c3 Various small tweaks
- Style room invite
- Remove old border-radius
- Show close icon for minimized chats
2018-03-09 23:27:12 +01:00
JC Brand
c10a2596e3 Eagerly render emoji picker and avoid overflow in overlay view 2018-03-09 23:16:53 +01:00
JC Brand
392a7e8ab3 Don't use the bootstrap responsive grid for chats in overlay mode 2018-03-09 23:06:41 +01:00
JC Brand
849d6b2612 Update the minimized chats widget 2018-03-09 18:14:18 +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
914a55707d Replace col- classes with Sass mixins 2018-03-09 10:12:05 +01:00
JC Brand
db44a4f44d Update the login form for the overlayed view mode 2018-03-07 21:40:55 +01:00
JC Brand
d72463c939 Make more semantic by putting login/register column info in css 2018-03-07 18:06:02 +01:00
JC Brand
b3f2fafeea Various smaller fixes and improvements 2018-03-07 14:36:19 +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
d04a7df295 Update room features markup to use font awesome 2018-03-06 18:33:59 +01:00
JC Brand
181b1836b0 Update and further style toolbars 2018-03-06 15:26:05 +01:00
JC Brand
95645413c4 Darken modal overlay 2018-03-05 18:43:43 +01:00
JC Brand
2f2e687a18 Use flex column for occupant sidebar 2018-03-05 18:38:00 +01:00
JC Brand
d4d3d4c838 Merge branch 'split-muc' into bootstrap4 2018-03-05 16:51:33 +01:00
JC Brand
860befcab9 Fixes #1025
Rename icon to avoid confusion. Add back the OTR status text.
2018-03-02 12:11:47 +01:00
JC Brand
877b5ca082 Tweak roster contacts spacing 2018-02-25 17:54:55 +01:00
JC Brand
c655781bc9 More login form improvements and also update registration form 2018-02-24 19:59:25 +01:00
JC Brand
e1d1bac790 Update the login form with markup from bootstrap mockup 2018-02-24 18:43:32 +01:00
JC Brand
3b22f918fa More work on the user profile modal 2018-02-23 23:10:46 +01:00
JC Brand
66e6ae2eed Increase fade transition, to work around timing bug
in bootstrap.native.

https://github.com/thednp/bootstrap.native/issues/192
2018-02-23 16:33:10 +01:00
JC Brand
7e6cc86c94 CSS tweaks 2018-02-22 17:47:18 +01:00
JC Brand
4e508cfe88 Add a modal to list rooms 2018-02-22 17:40:01 +01:00
JC Brand
e143c88475 More work on the "add chatroom" modal. Working now. 2018-02-22 15:58:23 +01:00
JC Brand
d9709af7cf Initial work on the new chatroom modal 2018-02-21 16:59:16 +01:00
JC Brand
b5812e257d Work on the status modal 2018-02-21 16:17:57 +01:00
JC Brand
21556832f8 Update chatbox headers and buttons 2018-02-20 16:48:01 +01:00
JC Brand
2b935fa57b Show subdued grey for icons (and darker when hovering) 2018-02-20 15:57: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
658c27730c Fix showing of room info in rooms list 2018-02-19 18:11:02 +01:00
JC Brand
6cdaa47493 Fix roster filter functionality 2018-02-19 17:37:47 +01:00
JC Brand
493ecb2e4f Update markup for the roster filter 2018-02-19 16:08:54 +01:00
JC Brand
2fa8304945 Improve and update roster markup 2018-02-19 15:01:02 +01:00
JC Brand
650ed22da7 Update requesting contacts and tweak bookmark icons 2018-02-16 15:24:17 +01:00
JC Brand
c4a99c7f29 Render rooms and bookmarks lists according to mockups 2018-02-16 15:08:16 +01:00
JC Brand
ede21e7c32 Remove controlbox tabs and show rooms and contacts panels together 2018-02-16 14:16:55 +01:00
JC Brand
5401998558 Don't put #chatrooms inside #converse-roster and remove users id 2018-02-15 15:49:16 +01:00
JC Brand
1405884c59 Reset user agent styles. Fix login form margin and height 2018-02-15 14:38:10 +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
JC Brand
2c8c872a65 Fixes #959 2018-01-29 15:06:27 +01:00
JC Brand
f724f49087 Add ability to run tests for transpiled code 2018-01-29 14:14:56 +01:00
JC Brand
0436a36169 Various smaller css fixes 2018-01-27 11:18:06 +01:00
JC Brand
c385674665 For some reason everything is 0.5em to the right 2018-01-26 21:05:04 +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
5a9fd6c28d Minor improvements on the minimized chat toggle. 2018-01-26 19:34:24 +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
7f8b42faf0 Some work on bundling bootstrap within the css files.
Will likely later have to create versions which exclude bootstrap
2018-01-25 16:52:01 +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
97e3199508 Start moving media queries to sass files 2018-01-25 12:28:24 +01:00
JC Brand
6914ec61dd Move fullscreen styles from mockup.css to sass files 2018-01-25 12:14:20 +01:00
JC Brand
5568ac5a30 Remove pure.css 2018-01-23 20:55:00 +01:00
JC Brand
221693b2b5 Take .fullscreen class into consideration in css 2018-01-23 20:50:28 +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
6739b508c3 Small css and text fixes 2018-01-04 16:27:56 +00:00
JC Brand
cdfd1e2d42 Add units (webkit fix) 2018-01-04 12:11:03 +00:00
JC Brand
671691353a Use Backbone.NativeView instead of Backbone.View 2018-01-03 20:41:03 +00:00
JC Brand
fb35ed844a Avoid flashing when opening chat room. 2017-12-20 11:02:46 +00:00
JC Brand
6c6ef1f1f9 Refactoring of the roster view.
* Removed the dependency on jQuery
* Contacts are now shown inside a group element, simplifying the code
2017-12-19 18:44:31 +00:00
JC Brand
c874efeb79 Sort chatroom occupants alphabetically and according to role 2017-12-14 18:07:40 +00:00
JC Brand
23e2aceaca Indicate visitors by making them lighter grey 2017-12-14 13:45:14 +00:00
JC Brand
41ca34a051 Fixes #953 MUC "Features" displayed when exiting configuration 2017-12-06 16:39:29 +01:00
JC Brand
9aefd2739f Remove jquery as dependency for converse-profile.js 2017-11-17 14:21:18 +01:00
JC Brand
d395387861 25% rounded avatars for all 2017-11-17 13:31:56 +01:00
JC Brand
b4b50049e1 Some margin tweaking 2017-09-24 11:03:00 +02:00
JC Brand
92af05d510 Some more refactoring now that we use a vdom for the login panel
We can now simply call `render` whenever we want to show an error or
notification message.

The flip side is that the template is now larger and contains more login.
2017-09-24 00:30:43 +02:00
JC Brand
4063bbfc1c converse-register: Consolidate validation and error reporting 2017-09-24 00:30:43 +02:00
JC Brand
9cdb0dde8c Various changes
* In certain places, use native methods instead of jQuery
* Nicer rendering of registration forms
* Use CSS3 fade-in animations.
2017-09-24 00:30:43 +02:00
JC Brand
57d2f9bce8 Add validation message for an invalid JID in the login form 2017-09-24 00:30:43 +02:00
JC Brand
7e4fb52f8d Render register and login forms via links 2017-09-24 00:30:43 +02:00
JC Brand
99581b8300 Update fonticons to remove unused smileys and add social icons 2017-09-24 00:30:43 +02:00
JC Brand
1613c0d7de Styling changes now that we don't have tabs. 2017-09-24 00:30:43 +02:00
JC Brand
681245584e Remove Login and Registration tabs and consolidate into one panel 2017-09-24 00:30:42 +02:00
JC Brand
bd913734e4 Don't hang indefinitely + nicer error messages
when a connection can't be established.
2017-09-08 14:24:38 +02:00
JC Brand
4938621048 Nicer CSS and markup for room configuration forms. 2017-08-16 09:39:13 +02:00
JC Brand
1c80fa41c8 Improved CSS for the registration form. 2017-08-15 21:46:47 +02:00
JC Brand
38f8724dd9 roomslist: Add ability to add or remove bookmarks 2017-08-09 15:50:24 +02:00
JC Brand
0bd69b3baa css: Add padding to form messages 2017-07-21 19:51:38 +02:00
JC Brand
75342b066e css: Titles for available chat rooms were cut off too soon 2017-07-21 18:08:29 +02:00
JC Brand
f84790e68c muc: Show JID (instead of only server) in room info
Also made some styling changes and tweaked the room head to better
differentiate between the Name and JID of a room.
2017-07-19 08:30:04 +02: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
49dd36dd6c Make text color a bit darker 2017-07-17 14:42:36 +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
67578c9747 Merge branch 'master' into emoji 2017-07-15 07:16:37 +02:00
JC Brand
c422237668 New release: 3.1.0 2017-07-05 10:07:28 +00: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
068be7bfee Also generate converse.css 2017-06-19 15:43:21 +02:00
JC Brand
213ddcba39 Style the headlines box. (Make it orange) 2017-06-19 15:27:24 +02:00
JC Brand
3588daeea3 Style invite dropdown 2017-06-18 00:42:54 +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
336dc7408f Remove the pulse entirely.
Couldn't get it to look/work satisfactorily
2017-06-15 18:29:08 +02:00
JC Brand
8658822d75 Updated color-scheme and fix conversejs icon offset 2017-06-15 11:26:47 +02:00
JC Brand
076af0970f Make spinner into a template 2017-06-14 19:43:02 +02:00
JC Brand
7c831e1166 Various theming tweaks and improvements 2017-06-14 15:41:47 +02:00
JC Brand
297cd601cd CSS updates concerning unread messages 2017-06-07 00:43:40 +02:00
JC Brand
5949ca9e36 Show number of unread messages on the "Rooms" tab 2017-06-05 14:52:24 +02:00
JC Brand
8fa06e7d52 Markup and CSS for showing unread messages for a room 2017-05-23 21:50:48 +02:00
JC Brand
3343cb6991 Some small css fixes. Show correct icon for clearing messages 2017-05-15 17:38:37 +02:00
JC Brand
70e4f28548 Initial work on showing open rooms in the "Rooms" panel 2017-05-08 21:28:56 +02:00
JC Brand
b32a8c5391 Update and simplify HTML/CSS for choosing status
Should also fix some of the issues mentioned in #847
2017-05-08 21:25:22 +02:00
JC Brand
3ec90096b9 Updates #864: Bugfix. Both select elements were being shown 2017-05-07 11:24:46 +02:00
Mathias Ertl
913eeec351 Csp compat 2 (#864)
* remove inline style in roster template

* remove inline style from contacts panel

* remove inline-css from roster_filters

* remove inline style in trimmed chats

* remove last inline style from minimized chats

* update converse.css

* update changelog
2017-04-30 10:22:54 +02:00
JC Brand
cfd6fad78a Always show .icon-remove for roster contacts
Hovering is not supported on touchscreen devices.
2017-04-24 15:57:23 +02:00
JC Brand
f3d29e016e Show unread messages counter next to roster contacts 2017-04-24 15:57:22 +02:00
JC Brand
a5ea86e29a Initial CSS work on showing an unread messages indicator 2017-04-24 15:56:54 +02:00
JC Brand
6af4480c14 Render disconnect message via template and add padding. 2017-04-21 18:26:59 +02:00
JC Brand
8c3c70c17e CSS fix. Lock icon wasn't showing. 2017-04-20 10:01:42 +02:00
JC Brand
2f8fac03ff Nicer rendering of the spinner in MUC rooms 2017-04-04 14:22:19 +00: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
JC Brand
4d6fb84239 Style the ::placeholder text to make it lighter. 2017-03-19 15:59:48 +00:00
JC Brand
a4293b382c Padding for the awesomplete dropdown 2017-03-03 15:33:11 +01: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
0e3a979548 Some css tweaks 2017-02-28 07:44:08 +00:00
JC Brand
bccdedc64f Also show a hint explaining the roomchat status 2017-02-28 06:52:33 +01:00
JC Brand
f20d391ea6 Show chat room occupants' states. 2017-02-28 05:28:09 +00:00
JC Brand
971e1e2e26 Padding tweak 2017-02-27 17:56:39 +00:00
JC Brand
ad1d5c6c8e Don't show scrollbar if not necessary 2017-02-25 22:26:54 +00:00
JC Brand
7cfd77b8ec CSS fix. The pencil icon wasn't visible. 2017-02-21 22:15:08 +01:00
JC Brand
62889089a6 Keep the features section near the bottom. 2017-02-20 14:35:15 +00:00
JC Brand
8dcff18123 Tweak room features CSS 2017-02-19 11:00:19 +00:00
JC Brand
358d4c50ee Scroll only the occupants list in the sidebar. 2017-02-19 08:43:08 +00:00
JC Brand
a6ca5aad35 Show room features in the sidebar. 2017-02-19 00:39:08 +00:00
JC Brand
10a85336cc Show the description in the heading, not the subject 2017-02-19 00:20:21 +00:00
JC Brand
29ddf0b4db CSS: fix line heights 2017-02-16 14:42:50 +01:00
JC Brand
fd97edf4f5 Small CSS fix for requesting contacts 2017-02-15 10:20:50 +00:00
JC Brand
d2227c8d44 Replace typeahead with awesomplete.
Much smaller library.
No dependence on jQuery.

Updates #779
2017-02-14 12:26:56 +01:00
JC Brand
e8cf903dc0 Small CSS fixes 2017-02-13 17:12:41 +00:00
JC Brand
fddcd1c6cf Improved roster filter UX.
Keep the focus in the input after filtering.
Prevent form submission from reloading the page.
2017-02-13 15:07:46 +00:00
JC Brand
4475124dbf CSS fixes.
Move styles related to embedded chats to `css/converse-muc-embedded.css`
2017-02-13 11:47:04 +00:00
JC Brand
1eaf65f8e2 Set a default sans-serif font for converse.js 2017-02-03 13:39:17 +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
1f5522845e Better styling for clickable requesting contacts. 2017-02-02 16:23:31 +01:00
JC Brand
48791fa572 CSS fix. 2016-11-30 17:08:23 +00:00
JC Brand
96d311e2e9 Use CSS animations for fading in. 2016-11-30 11:03:28 +01:00
JC Brand
a5f76abcf1 Updates #729. Minimized chat boxes don't stay hidden
Bug got introduced during fix for #677

Eventually had to do a significant refactoring, to more consistently use the
`hidden` class instead of `display: None`. (relevant for #695)
2016-11-22 17:42:58 +01:00
JC Brand
b1c2a71927 Tweak bookmarks css 2016-10-27 10:23:50 +00:00
JC Brand
1de2f7145c Let bookmarks list use same markup/css as the available rooms list 2016-10-18 11:34:46 +02:00
JC Brand
acf3329ac2 Height fix 2016-10-17 13:06:58 +02:00
JC Brand
aabd2cc0e9 Add small/lage font-size variables 2016-10-17 10:33:45 +02:00
JC Brand
fc48e02937 More lazily render the bookmarks list
Could still be improved.
2016-10-06 13:21:59 +02:00
JC Brand
ee6c5dbf49 Add overflow for very long bookmark names 2016-10-06 12:48:16 +02:00
JC Brand
0020be34d7 Show a list of current bookmarks in the "Rooms" panel 2016-10-06 12:05:25 +02:00
JC Brand
052dd19252 Initial work on adding chatroom bookmarks. 2016-10-05 23:15:42 +02:00
JC Brand
d200f24bea Update CSS so that tests pass. 2016-10-03 19:51:15 +02:00
JC Brand
49d0834719 One less Grunt dependency (minifying css) 2016-09-23 13:57:53 +02:00
JC Brand
a1e24c95c9 Add nickname to chat message when clicking on room occupant.
Allows you to easily mention someone in your message.
2016-07-26 09:31:23 +00:00
JC Brand
172ce7e0ce Remove the members-list work and keep the nickname form stuff
It's not stable yet and XMPP server support is very patchy.
However, the nickname form work can be merged into master.
2016-07-26 07:14:22 +00:00
JC Brand
be47ceaab5 In case of a nickname conflict, enable the user to choose a new one 2016-07-26 07:12:56 +00:00
JC Brand
cd75b2efab Let the user choose their nick after opening a chat room
This change is with an eye on supporting reserved nicknames, in which case the
user who has a reserved nickname won't have to choose a nick upon joining a
room.
2016-07-26 07:12:56 +00:00
JC Brand
93a8dfc024 Indicate whether a room occupant is online or not. 2016-07-26 07:12:56 +00:00
JC Brand
079b9e91ee Use the CDN to server fonts 2016-07-02 10:33:14 +02:00
JC Brand
ffa8661799 Update chatroom css 2016-06-20 19:56:06 +00:00
JC Brand
380a60aebd Two fixes related to occupants toggling
* Empty chat area doesn't resize when hiding occupants.
* Properly change icon when toggling occupants
2016-06-13 07:36:59 +00:00
JC Brand
5a1b308edd Render images from URLs 2016-05-28 11:13:49 +00:00