Commit Graph

289 Commits

Author SHA1 Message Date
JC Brand
70f56b31f4 Merge branch 'master' into emoji 2017-06-24 11:04:19 +02:00
JC Brand
891f8afb53 CSS fix for login/register panels of inverse 2017-06-23 20:49:25 +02:00
JC Brand
713e24e0e6 Don't let images go over the available width 2017-06-23 17:20:17 +02:00
JC Brand
f83349f19f Fix scrolling on login/register 2017-06-21 22:35:02 +02:00
JC Brand
3310df88c0 Regenerate build files. Some small fixes to inverse 2017-06-21 22:26:00 +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
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
be28e04c57 roster: render unread messages in tab upon reload
Also including css fixes around the unread messages indicator.
2017-06-15 18:38:38 +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
f07cb97db8 Show pulse around unread messages indicator 2017-06-15 18:27:48 +02:00
JC Brand
cf68ea70ac css: fix unread messages indicator for private chats 2017-06-15 18:05:51 +02:00
JC Brand
7e62546d6f inverse: move brand heading into template 2017-06-15 15:16:17 +02:00
JC Brand
3e42fb53e5 css: Add white border around tab unread messages indicator 2017-06-15 12:32:45 +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
615c00dba1 Create sass/converse dir to hold files for that theme 2017-06-13 21:17:00 +02:00
JC Brand
b66ff721cd Merge inVerse into this repo 2017-06-13 21:10:32 +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
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
4d6fb84239 Style the ::placeholder text to make it lighter. 2017-03-19 15:59:48 +00:00
Anshul Singhal
d508570f6e Makes the path relative instead of absolute 2017-03-07 07:12:01 +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
570e6ababe update fonts to add room properties 2017-02-19 00:20:21 +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
b832285d93 Markup fix to allow bigger chatview avatar 2016-10-15 00:02:22 +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
Mathias Ertl
1ba68dc8b2 Csp compat (#695)
* Remove some inline CSS style to improve CSP compatibility

* update changelog
2016-10-03 19:45:06 +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
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
62f0aacf56 Let the width of the #conversejs element change with the amount of chat boxes 2016-05-27 10:07:43 +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
aeabc2c0d4 Explicitly set roster items bg to white 2016-05-19 13:35:39 +00:00
JC Brand
8e0f8f0a6d Add the ability to filter contacts by chat state.
The roster filter is now also remembered across page loads.
2016-04-02 11:30:54 +00:00
JC Brand
373b1cd39f Don't hide control box's close button in mobile view.
There are cases where one would like to show it and the sticky_controlbox
config option can be used to remove it.
2016-04-02 03:41:39 +00:00
JC Brand
4ae29e188b Hide close button for controlbox in mobile view. 2016-04-01 13:30:17 +00:00
JC Brand
332a0d920d Sass and CSS fixes for landscape mobile views. 2016-04-01 12:40:38 +00:00
JC Brand
9c78883b2f Fix width issue for chatrooms in responsive/mobile view. 2016-04-01 08:12:06 +00:00
JC Brand
82aa9fec2c Support for showing headline messages. 2016-03-21 10:00:10 +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
d36775fe91 Fixes around resizing of chats.
- The .box-flyout container also needs it's width set upon page load.
- Remove custom height/width upon viewport change (if viewport is small enough).
2015-11-05 10:02:23 +00:00
JC Brand
7c70452bb4 Some tweaks for better mobile/responsive behavior. 2015-11-04 18:36:18 +00:00
JC Brand
341d5e746d Update styling for the status change form. 2015-11-03 17:14:13 +00:00
JC Brand
984c74b516 Updates after testing on IE edge. 2015-11-03 16:42:39 +00:00
JC Brand
9dafaa75e9 Fix the width for roster entries. 2015-11-02 10:58:02 +00:00
JC Brand
bf524424c2 CSS fixes.
- Pending contacts were not aligned to action icons next to them.
- Invite contacts search box went out of bounds on FF
2015-11-02 00:32:30 +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
89c7276d6d Add more sass variables for color variations. 2015-10-31 17:04:54 +00:00
JC Brand
dfcebeb621 Rename participants to occupants. 2015-10-31 16:48:50 +00:00
JC Brand
35a4f9bd7e Update the JS to better render the chatroom config form.
Other small tweaks as well.
2015-10-31 16:18:31 +00:00
JC Brand
041f431550 Update style for typeahead dropdown and inviting contacts. 2015-10-31 12:54:04 +00:00
JC Brand
bf3891569e Various small CSS fixes and improvements. 2015-10-30 18:47:13 +00:00
JC Brand
5a7340b387 Increase padding in #users pane 2015-10-30 18:30:39 +00:00
JC Brand
6d356817cb Found another form that's not a pure-form yet.
The add contact form.
2015-10-30 17:40:11 +00:00
JC Brand
cd4d6a981c Nice styling and fix sizing issue for chatrooms list and info 2015-10-30 17:33:14 +00:00
JC Brand
c647783281 Make avatar round and center/resize image properly. 2015-10-30 17:10:09 +00:00
JC Brand
8b968831c8 Fix scrolling for chatrooms with many participants. 2015-10-29 12:31:28 +00:00
JC Brand
e1f41777a4 Updated button styles and update buttons all over the place. 2015-10-29 09:57:52 +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
bb670e2053 Change text color and default chat height. 2015-10-29 07:51:55 +00:00
JC Brand
5ea879e46a Indentation 2015-10-29 07:29:28 +00:00
JC Brand
8fd20f3ac9 More CSS/styling updates
- Remove currently unused pure modules (forms and menus)
- Update forms (not all yet) markup and css
- Move all controlbox mockups to mockup/controlbox.html

Forms look much better now in mockups but JS and templates still needs updating.
2015-10-29 07:28:09 +00:00
JC Brand
1fb18eeff7 Update chatroom form for pure.css 2015-10-28 21:07:29 +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
857a2e4c08 Add some CSS from pure.css 2015-10-28 20:31:05 +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
JC Brand
a55246c15c Tweak chat box buttons. 2015-10-25 19:54:17 +00:00
JC Brand
66249c1cfb Move control box specific scss into separate file. 2015-10-25 19:46:21 +00:00
JC Brand
a945d58ee0 Move roster specific scss into separate file. 2015-10-25 19:23:18 +00:00
JC Brand
b4c24a2b3a Move scss for minimized chats into separate file. 2015-10-25 19:10:44 +00:00
JC Brand
dc34f04058 Move Scss for chat rooms into separate file. 2015-10-25 19:02:54 +00:00
JC Brand
ff2910b9ce Fix CSS and horizontal dragresize for chat rooms.
- Rename .chat-body to .chatroom-body
- Upate SASS for chat rooms
- Hide the room occupants view by toggling the class "hidden"
- The chatroom chat area and occupants list are now shown as table cells.
2015-10-24 20:46:58 +00:00
JC Brand
07985ccf54 Fix CSS for the minimized chats toggle. 2015-10-24 20:46:58 +00:00
JC Brand
969c94d473 Honor the min-width and min-height CSS properties...
when it comes to chat box resizing.
2015-10-24 20:46:58 +00:00
JC Brand
c421c0fef3 Add .flyout class to templates. Declare more vars in Sass. 2015-10-24 20:46:58 +00:00
JC Brand
74aa6021f4 Enable diagonal and horizontal drag-resizing.
Only leftward resizing is allowed since there's no space for boxes to expand on the right.
Text area of chat boxes don't yet resize properly.
Didn't test at all on chat rooms.
2015-10-24 20:46:57 +00:00
JC Brand
b7ea4c29cd Better solution for roster contacts scrolling. 2015-10-16 16:01:39 +00:00
JC Brand
d8a9dd5acf Work around a IE10 bug.
IE 10 doesn't appear to properly handle calc(100% - 26px), breaking scrolling
of contacts.
2015-10-16 14:42:45 +00:00
JC Brand
8b20394560 CSS improvements.
- Last pending contact was being obscured/overflowing
- Select box for filtering was not aligned
2015-10-16 14:12:10 +00:00