Commit Graph

213 Commits

Author SHA1 Message Date
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
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
JC Brand
b47069b4f6 Add, test and document an API method for setting the user's status.
fixes #367
2015-06-27 21:21:27 +02:00
JC Brand
f5c73cfeaa CSS changes.
- Try to harmonize the color scheme a bit.
- Visually distinguish the toolbar.
- Remove the map file from version control
2015-06-27 09:14:02 +02:00
JC Brand
aa9a96b691 Split sass files up into includes and update some Ruby dependencies.
Also fixed a CSS bug. Chat box's width wasn't responsive.
2015-06-04 15:07:03 +02:00
JC Brand
e3f20bf1ad Reduce the rightmost margin to 15px instead of 30px. 2015-05-31 13:18:57 +02:00
thierrytiti
85915a6498 Add XA status icon
fonts built with icomoon
2015-05-28 16:55:14 +02:00
thierrytiti
7fb4ad3050 CSS rebuild with sass 2015-05-20 18:27:21 +02:00
JC Brand
d5ead50b5a Tweaked the padding a bit 2015-05-11 18:01:01 +02:00
JC Brand
2e297a1c84 Some tweaking of the css.
Make the text part of an input-group a bit wider and other padding/margin
tweaking.
2015-05-01 18:49:39 +02:00
JC Brand
80943f9d24 Make sure that bundler also gets installed.
- Added a stamp file for bundler.
- We now specify binary paths for bundler and Sass.
- Added a step "watch" to watch the Sass files.
- Add map file for Sass/CSS
2015-04-26 09:44:29 +02:00
JC Brand
6dc355a02a Show the domain when rendering a legacy registration form.
Also updated the changelog with #377
2015-04-21 17:21:26 +02:00
JC Brand
6ef2e50387 Merge branch 'anon_login' 2015-04-09 14:09:26 +02:00
JC Brand
b177a6a7a0 Bugfix for incorrect roster height when allow_contact_requests=false.
Also update changelog and fix some linting errors.

Fixes #360
2015-04-08 13:12:29 +02:00
JC Brand
f3101a347f Use the ::-moz-selection because Firefox doesn't know ::selection
fixes #364
2015-04-08 12:20:50 +02:00
JC Brand
a2d27ee971 Merge branch 'master' into anon_login
Conflicts:
	converse.js
2015-04-02 12:23:13 +02:00
JC Brand
1545fe9c55 CSS fix. The spinner for chatroom info wasn't centered. 2015-03-29 21:58:45 +02:00
c143
07fe029e41 Added a grey color for visitors
You don't see visitors without hovering the specific user. So you would have to check everyone by yourself. This highlights them grey. (You're also marked as visitor when you're muted)
2015-03-26 09:49:51 +01:00
JC Brand
4d3b4380dd Add support for anonymous login. 2015-03-22 12:14:45 +01:00
JC Brand
0e535847c4 One more pixel. 2015-03-18 15:43:55 +01:00
JC Brand
abd8cf35bc Some CSS tweaks to make converse.js look better in a bootstrap site. 2015-03-18 15:39:37 +01:00
JC Brand
9b0d2904b6 CSS Tweak for IE10. 2015-03-06 17:29:55 +01:00
JC Brand
f73b74a8e3 CSS tweaks. 2015-03-06 12:01:56 +01:00
JC Brand
a359dc5e88 Add a drop-shadow for the user search box and fix widths. 2015-03-05 20:47:43 +01:00
JC Brand
61626873a3 Fix with of "add user" input. 2015-03-05 20:42:50 +01:00
JC Brand
039904eb8c Some CSS fixes.
* Make sure that minimized chats appear behind on mobile.
* Enable highlighting text (which for some reason is transparent).
2015-03-05 20:31:59 +01:00
JC Brand
dac013b2d4 Chat box textarea height fix. 2015-03-04 23:25:05 +01:00
JC Brand
a603913a11 Add dropshadow to the status menu. 2015-02-27 18:29:52 +01:00
JC Brand
5ed0e75ee5 Fix some style issues on the controlbox. 2015-01-16 22:56:23 +01:00
JC Brand
7ac5785bae Tweak shadow on the unselected tab. 2015-01-16 20:47:10 +01:00
JC Brand
2b2b176189 The approve/reject links for a requesting contact where obscured. 2015-01-01 23:08:54 +01:00
JC Brand
516def29cb Styling for the minimized chats list. 2014-12-31 16:58:15 +01:00
JC Brand
adc6fde404 Some initial work on making the UI responsive. 2014-12-31 13:08:51 +01:00
JC Brand
b176545605 Remove neat grid fm again. We won't be using it. 2014-12-31 12:17:30 +01:00
JC Brand
d02838eaee CSS tweak. Padding for login inputs 2014-12-31 12:03:12 +01:00
JC Brand
e03d22580e Move variables to sass/variables.scss 2014-12-31 11:54:33 +01:00
JC Brand
768dcbda83 Updated scss/css 2014-12-14 00:45:31 +01:00
JC Brand
b01b4b55e0 Bring mockup markup inline with reality and update scss/css 2014-12-13 03:26:41 +01:00
JC Brand
063e31e39e Add skeleton-sass and convert css files to scss. 2014-12-13 00:14:11 +01:00
JC Brand
e71cad8583 Add default avatar for users. 2014-12-07 13:44:27 +01:00
JC Brand
9f94d0f4ea Nicer styling for the chat room configuration form. 2014-12-07 12:23:53 +01:00
JC Brand
0ae8008201 Tweak reg form buttons. refs #117 2014-12-01 20:30:14 +01:00
JC Brand
96c2f2fca0 CSS tweak. Properly position status edit icon. 2014-11-27 10:40:23 +01:00
JC Brand
831faf7096 Show domain name in username field of the registration form. updates #117 2014-11-26 21:26:28 +01:00
JC Brand
7125bd1d67 Render form captcha. updates #117 2014-11-24 20:35:00 +01:00
JC Brand
89fa218c59 Some css tweaks. Center the controlpanel form elements 2014-11-24 18:57:28 +01:00