Commit Graph

308 Commits

Author SHA1 Message Date
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
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
JC Brand
923056925f Show hardcoded urls. Some css width tweaks. updates #117 2014-11-23 22:26:38 +01:00
JC Brand
3dbcdd6171 More work on XEP-0077. updates #117
* On the registration form, show the xmpp.net badge for XMPP provider.
* More CSS and form improvements.
* New template registration_form.html
2014-11-20 11:51:12 +01:00
JC Brand
bfab4fb803 Better error handling, some handling of legacy forms and css fixes.
updates #117
2014-11-19 21:20:36 +01:00
JC Brand
d33f129d36 Increase font size of reg form title 2014-11-19 10:09:27 +01:00
JC Brand
65d4137373 Remove reliance on strophe.register plugin. updates #117 2014-11-18 11:29:12 +01:00