Commit Graph

268 Commits

Author SHA1 Message Date
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
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
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
a89659425d Add new css chat-msg-author as base class. 2015-10-28 09:03:37 +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