Commit Graph

654 Commits

Author SHA1 Message Date
JC Brand
7feab35a1d CSS fix. Nickname gets cut off in /me message 2019-04-27 13:25:47 +02:00
JC Brand
d311e14013 Render MUC forms with Backbone.VDOMView
That way we don't lose the user's input values, we avoid flashing and we
avoid unnecessary rendering.

In the process, fixed an annoying issue where Chrome auto-completes
what it thinks is the username into the "Language Tag" field of the MUC
config form.

Instead we tell Chrome that the MUC JID is the username, thereby also
letting it save the password to to that JID.
2019-04-24 14:51:12 +02:00
JC Brand
1251f395b1 Use webpack to generate css/converse.css 2019-04-18 17:50:05 +02:00
JC Brand
f48adb386e Fixes #1296 2019-04-16 12:59:36 +02:00
JC Brand
06f53e7f18 Add some padding to form error message 2019-04-11 23:42:19 +02:00
JC Brand
42e2cc6a7e Fixes #1530. Muted user can't close MUC participants view
Fixed by showing the participants sidebar hide button on larger screen
sizes as well.
2019-04-11 23:26:14 +02:00
JC Brand
b593b8deb6 Fixes #1533
Users can only be muted in moderated rooms
2019-04-11 23:10:57 +02:00
JC Brand
f84c201437 Hide the textarea when a user is muted in a groupchat 2019-04-11 01:40:16 +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
b726a2353c Remove Awesomeplete in favor of _converse.AutoComplete 2019-03-28 12:43:34 +01:00
JC Brand
75ae76ad93 Use _converse.AutoComplete in "Add Contact" modal 2019-03-28 10:47:14 +01:00
JC Brand
f0848c2815 Don't show bottom border for occupants list in overlay view mode 2019-03-27 15:34:12 +01:00
JC Brand
9e85143d31 Tweak "Participants" header and roster action icons positioning 2019-03-27 15:25:37 +01:00
JC Brand
ae4111b17b Reuse CSS variables 2019-03-27 14:42:59 +01:00
JC Brand
e3468b3c41 Hide the participants close button on larger screens
We need it for mobile where (eventually) we might have the participants
sidebar occupy the whole screen.
2019-03-27 13:29:37 +01:00
JC Brand
275ad40f13 CSS fix: Unread number not visible on unread message count 2019-03-26 11:31:47 +01:00
JC Brand
be156dee1e Explicitly set outline-color for chatbox and chatorom textarea 2019-03-07 18:18:42 +01:00
JC Brand
143d44c3f6 Avoid horizontal scrolling on the fullscreen login page 2019-03-07 17:47:30 +01:00
Emmanuel Gil Peyrot
b7ae9f212c Replace http: with https: in conversejs.org links 2019-03-04 17:47:45 +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
2ddd918f6a Fixes #1437. List of groupchats doesn't scroll 2019-02-26 11:57:36 +01:00
JC Brand
e6b2e04755 Let panel take full height in overlay view_mode
Fixes scrollbar appearing next to spinner when logging in.
2019-02-22 16:28:44 +01:00
JC Brand
1bc2480ffb Fix website styles for mobile 2019-02-18 20:23:19 +01:00
JC Brand
5e0c320fb1 Two small styling fixes
* Use font from variables
* No need to load bourbon twice
2019-02-18 12:18:51 +01:00
JC Brand
bce4886a2b CSS: Add padding after message time 2019-02-13 18:23:47 +01:00
Emmanuel Gil Peyrot
60bb313988 Concord theme: Fix owner badge color.
Fixes #1431.
2019-02-01 10:39:37 +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
ec14a31908 CSS: spacing of logo and byline on fullpage login form 2019-01-11 09:19:10 +01:00
JC Brand
1eb00d3e5d CSS/HTML: Nicer styling of branding on the login page 2019-01-10 21:15:01 +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
360eccb223 Don't change color on hover 2019-01-03 10:57:04 +01:00
JC Brand
aa274f41c2 Make background darker and add new logo 2019-01-02 22:54:04 +01:00
JC Brand
bdc438db8e Make controlbox headings bold 2019-01-02 21:20:58 +01:00
JC Brand
72838be77e Positioning of logo and text 2019-01-01 13:04:12 +01:00
JC Brand
fafaf4e15e Fade in the brand heading 2019-01-01 12:31:02 +01:00
JC Brand
debb8f0e4f Remove .icon-converse styles 2019-01-01 12:30:54 +01:00
JC Brand
11655e2e32 Use Muli as the headings font 2019-01-01 12:05:46 +01:00
JC Brand
a31c2d40f2 Remove icomoon fonts and use Bauman and the new logo for branding 2019-01-01 11:12:23 +01:00
JC Brand
7ba59ff584 Indentation, make privacy policy text a bit smaller 2019-01-01 09:58:41 +01:00
JC Brand
14a7a19e95 New byline: messaging freedom 2019-01-01 09:46:54 +01:00
JC Brand
a2a81adef3 Initial work on integrating the new logo 2018-12-21 17:41:31 +01:00
JC Brand
d051085626 Only clear textarea once message was sent
This now requires `sendMessage` to return a boolean to indicate success.
Disable the textarea while message is being sent.
2018-12-21 05:58:22 +01:00
JC Brand
7ec6a0576e Fixes #1379 No longer an indication of unread messages in MUC 2018-12-16 12:30:41 +01:00
JC Brand
d5485d09ae Always render the OMEMO lock icon
When OMEMO isn't possible, render it as grey.

This change makes OMEMO for MUCs easier, since there I anticipate that
OMEMO support might change dynamically based on who enters/exits the
room.

updates #1180
2018-12-14 11:25:57 +01:00
pom2ter
aecf7f2cdf fixing some alignment issues in the sidebar 2018-12-12 10:45:17 +01:00
JC Brand
a31e14a355 CSS: properly align section heading and its actions 2018-12-10 18:07:22 +01:00
JC Brand
8ccf1da9d6 CSS: Set height for list items. Updates #1367 2018-12-10 15:12:33 +01:00
JC Brand
f3f819b67a CSS: Also color the room and contact toggles 2018-12-10 15:12:29 +01:00
JC Brand
1d55b131f6 CSS: set groupchat owner badge to groupchat color 2018-12-10 15:12:29 +01:00
JC Brand
262b9f9260 CSS: Give color to the controlbox headings 2018-12-10 15:12:28 +01:00
JC Brand
19735f76dd CSS: Properly align controlbox section headings and their actions 2018-12-10 15:12:28 +01:00
JC Brand
4c965b58d3 CSS: Reuse list-item-action class for "Contact Requests" actions 2018-12-10 15:12:27 +01:00
JC Brand
917b08a957 Bump distance between list item actions
- Set it to the same spacing for controlbox heading buttons
- Make it configurable
2018-12-10 13:07:27 +01:00
JC Brand
90bf42a002 HTML and CSS improvements for listed items in the controlbox
Fixes #1348

Tried to get the unread messages indicator to line up properly with the
text and icons in a room list item.

Also tried to reuse styles where appropriate, specifically
`.list-container` and `.list-toggle`.
2018-12-07 11:37:51 +01:00
JC Brand
5e217aae9b Reduce max width of roster items
Otherwise they get cut off sometimes
2018-12-03 11:26:01 +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
ab5dd4a146 Switch avatar rendering from canvas to SVG.
This delegates the calculation of the aspect ratio to the browser, and
generally simplifies the code.

Fixes #1156.
2018-11-14 16:03:37 +01:00
JC Brand
352c0797ad Rename theme to concord and add config option for setting the theme 2018-11-14 15:56:28 +01:00
JC Brand
dde2efb653 Fix trash icons for pending contacts 2018-11-14 15:46:51 +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
JC Brand
1e7247b4d2 Add client info modal showing name and version number 2018-11-14 12:01:27 +01:00
Christoph Scholz
9a307da808 show version info in login dialog 2018-11-13 21:12:24 +01:00
Christoph Scholz
da5ca0b585 implement XEP-0184: Message Delivery Receipts 2018-11-13 17:13:35 +01:00
JC Brand
c2e549e7d7 Fixes #1216 2018-11-12 17:44:26 +01:00
JC Brand
77a7397614 Errors should be red 2018-11-12 14:23:35 +01:00
JC Brand
773c678c4d More button color fixes after switching to css properties 2018-11-12 14:06:52 +01:00
JC Brand
6139b8060d Consistent placing of modal buttons 2018-11-12 14:05:35 +01:00
JC Brand
795d8e0f00 More color fixes after switching to css properties 2018-11-12 12:15:13 +01:00
JC Brand
476b8041aa Fix badge & button colors. Ensure vars apply to .converse_content 2018-11-07 11:40:35 +01:00
JC Brand
5e7d5d7fb1 Add own class and style for controlbox heading buttons 2018-11-07 11:11:20 +01:00
JC Brand
a7211863e6 Remove unused styles for .sidebar element 2018-11-07 11:09:01 +01:00
golangbu
2b434197e9 show_send_button:true parameter not working for me.This pull is a fix for that issue (#1300)
fixes #1033
2018-11-06 10:34:05 +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
11a53608d9 Right Align badges of room occupants
fixes #1264

Also...

- hide the badges in overlayed view mode
- hide the features list in overlayed view mode
2018-10-28 23:20:29 +01:00
JC Brand
36f63d9000 Fixes #1272 Hiding MUC occupants leaves a blank space 2018-10-26 16:37:56 +02:00
JC Brand
789148676f Move icomoon fonts to css/webfonts 2018-10-26 15:28:34 +02:00
JC Brand
9d8fe35e55 Wrap the emoji categories in overlay view
Otherwise we get an unwanted horizontal scrollbar
2018-10-26 12:53:25 +02:00
Lauren Mayers
ba689f4185 Update user status colors and icons
fixes #1209
2018-10-21 23:36:57 +02: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
5316aad340 Fix occupants offset in overlay view mode 2018-10-11 14:05:47 +02:00
JC Brand
7a612460da Fixes #1063 Make URLs in topic clickable 2018-10-07 03:31:18 +02:00
JC Brand
5d97445d3e Show the sponsors in the sphinx docs 2018-10-06 22:29:57 +02:00
JC Brand
269ff9a158 Make sure website css is also built by watch command 2018-10-06 08:03:57 +02:00
JC Brand
d30efcb3ab Better bootstrap markup for the account registration form 2018-10-05 20:12:13 +02:00
JC Brand
79b8ed7177 New release 4.0.2 2018-10-02 22:51:01 +02:00
JC Brand
7af9d2d11b CSS fix for Edge. Brand heading was wrapping in overlayed view
updates #1220
2018-09-24 16:18:51 +02:00
JC Brand
31374a78bc Avoid linebreak after author name 2018-09-19 16:10:18 +02:00
JC Brand
6dfd0d1aa5 Make sure popovers also work in overlay view mode 2018-09-19 13:01:15 +02:00
JC Brand
be99af4fc2 Smaller navbar text 2018-09-19 12:30:04 +02:00
JC Brand
0833478da4 Use bootstrap4 for the Converse website 2018-09-18 16:15:32 +02:00
JC Brand
d754820471 Provide more space for chatroom header buttons 2018-09-18 13:39:04 +02:00
JC Brand
26535ed4ef Smaller font for the room features list in overlay view mode 2018-09-18 13:36:02 +02:00
JC Brand
79c9d35911 Specifically set .chat-body height
Otherwise the private chatbox header doesn't show in Firefox
2018-09-18 13:26:05 +02:00
JC Brand
dee49e382c Avoid horizontal scrolling for messages in Firefox 2018-09-18 13:14:55 +02:00
JC Brand
2df9b24211 Add option to auto-register your nickname to a room
See https://xmpp.org/extensions/xep-0045.html#register
2018-09-12 12:36:13 +02:00
JC Brand
09bb6b494d New release 4.0.0 2018-09-07 16:20:30 +02:00
JC Brand
d89a47b071 Fade in logo after a delay 2018-09-07 15:39:08 +02:00
JC Brand
0b8a63d5d8 Messages in overlay mode should span whole area 2018-09-07 14:10:53 +02:00
JC Brand
a52ccc6588 Position branding. Fixes #1155 2018-09-06 21:03:23 +02:00
JC Brand
2ef117e402 Fix more missing icons due to Fontawesome upgrade 2018-09-06 19:50:41 +02:00
JC Brand
023249f62e Render profile avatar as canvas.
We now have uniform avatar rendering for the profile, messages and
chatboxes.

By rendering as canvas, we can avoid stretching the image.

In the process I also moved the ChatBoxViews collection into its own
plugin `converse-chatboxviews` and placed the AvatarAware views there.

fixes #1157
2018-09-06 15:33:13 +02:00
JC Brand
3d6b8795af Set emoji popup width for overlay chatrooms 2018-09-04 13:34:06 +02:00
JC Brand
eca11953bb Upgrade to fontawesome 5 2018-09-04 13:34:06 +02:00
JC Brand
bacf9391c3 Fix emoji toolbar styling for embedded mode 2018-09-04 10:41:44 +02:00
JC Brand
1d38d8af03 Use twemoji for rendering emojis 2018-09-03 13:24:37 +02:00
JC Brand
1294d682e1 Automatically remove leave/enter and enter/leave messages
after 10 seconds.
2018-08-30 23:13:28 +02:00
JC Brand
11cc41d3a3 Merge branch 'converse-omemo' 2018-08-27 21:14:03 +02:00
JC Brand
1dc1c1f98a Properly generate and render fingerprints 2018-08-27 21:02:31 +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
a06d2c494a Implement own device removal via stanza 2018-08-21 17:35:17 +02:00
JC Brand
26e936583f Add devices section to own profile modal
Allow for devices to be removed.
2018-08-21 09:28:16 +02:00
JC Brand
b4110dc162 Merge branch 'master' into converse-omemo 2018-08-18 10:24:55 +02:00
JC Brand
b7eb19e225 Render mentions in a message 2018-08-16 15:17:54 +02:00
JC Brand
3db6637706 Set textarea color 2018-08-16 15:17:54 +02:00
JC Brand
70b953ab84 Change selected item to the one the mouse is hovering over 2018-08-16 15:17:53 +02:00
JC Brand
f3d14a00c2 More consistent coloring for autocomplete 2018-08-16 15:17:53 +02:00
JC Brand
b7b0a5de7c Add padding below participants invite form 2018-08-16 15:17:53 +02:00
JC Brand
108c174d71 Suggestion box needs a different offset in overlay mode 2018-08-16 15:17:53 +02:00
JC Brand
b6f4f05b9e Add converse-autocomplete and use that in the chat textarea 2018-08-16 15:17:53 +02:00
JC Brand
4c86cca2cb Hide resize handle for both private and group chats
Fixes #1154
2018-08-10 11:09:18 +02:00
JC Brand
3564c8748a Increase line-height to avoid text being cut off 2018-08-09 10:38:28 +02:00
JC Brand
2d05487862 More code reuse between chatboxview and chatroomview 2018-08-07 15:32:13 +02:00
JC Brand
2600372a2e Hide the textarea resize handle 2018-08-07 15:32:12 +02:00
JC Brand
08dce556f9 When correcting a message, also highlight the textarea. 2018-08-07 10:09:35 +02:00
JC Brand
bcd6845756 Show fingerprints in the user details modal
updates #497
2018-07-25 11:33:16 +02:00
JC Brand
bf13927946 Merge branch 'master' into converse-omemo 2018-07-21 11:34:51 +02:00
JC Brand
acd9a18696 Update with new message markup 2018-07-21 07:34:03 +02:00
JC Brand
6a462f6c2c Fix tests for the fullscreen view_mode 2018-07-20 15:28:45 +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
778436412c Tweak the subtitle of private chats' headings 2018-07-19 17:09:48 +02:00
JC Brand
5444f54d00 Add message edit icons to mockups
updates #421
2018-07-19 17:06:58 +02:00
JC Brand
6130ca3745 Revert "Remove position:relative in embedded CSS (#1122)"
This reverts commit 563bee916a.
2018-07-16 01:21:42 +02:00
linkmauve
563bee916a Remove position:relative in embedded CSS (#1122)
This was rendering the content outside of the viewport, rendering Converse.js unusable.
2018-07-16 01:13:40 +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
2929647e16 Add support for correcting the last message sent
fixes #421
2018-07-08 00:39:28 +02:00
JC Brand
9e965fa20e Add a rudimentary message versions modal 2018-07-06 01:36:34 +02:00
JC Brand
8283d58988 Don't make the controlbox too narrow at certain viewport sizes 2018-07-04 12:00:02 +02:00
JC Brand
388719ff2d Update CSS of controlbox list items
Trying to use more generic CSS selectors and to extract out common patterns.
2018-07-04 10:57:30 +02:00
JC Brand
efa5e30596 updates #1069 Highlight currently open private chat in the sidebar 2018-07-04 09:08:22 +02:00
JC Brand
58ee1460fe Updates #1069
Highlight the currently open groupchat in the sidebar (in singleton mode).
2018-07-02 23:29:57 +02:00
JC Brand
3c1db0fec8 Fixes #1069 Only show bookmark icons on hover 2018-07-02 21:13:15 +02:00
JC Brand
d335173fd7 Bootstrap markup for auto-generated forms 2018-07-02 20:18:22 +02:00
JC Brand
1880b3f209 Nicer rendering of MUC disconnection messages 2018-07-02 12:52:19 +02:00
JC Brand
6785eff4a7 Merge branch 'master' into converse-omemo 2018-07-01 11:44:04 +02:00