Commit Graph

1278 Commits

Author SHA1 Message Date
Eric Eslinger e8fffe295e portico: Make /features responsive.
This really only touches a couple of key points, but it does most of
what's needed to collapse stuff down into columns or a single column
when stuff is narrow.

Fixes #7925.
2018-02-16 15:39:45 -08:00
Eric Eslinger 786bda674c popovers: Add a popover for group mentions.
This adds a click handler to `.user-group-mention` which works in a
fashion that is quite similar to `.user-mention`. It generates and
displays a popover.

The popover has a list of members, their online status (if they are
not bots) or their bot status if they are bots (it's not clear whether
ultimately bots should be able to be members of usergroups, but I'm
able to add one, so I thought it would be worth supporting).

The popover's `UL` element has max-height and overflow-y atttributes
so large groups will grow a scrollbar.

Fixes #8300.
2018-02-16 13:37:02 -08:00
Brock Whittaker d30a6c64c3 Revert "Make recipient bar styling more compact and clean."
This reverts commit 8e2d9b8f68.

This adds the arrows back to the recipient bars because even though
it's not our end state, it looks better than the boxy design that we
had in between.
2018-02-16 11:55:00 -08:00
Rohitt Vashishtha f215fbe89c dark-mode: Show dark background in popover while avatar loads. 2018-02-16 07:47:56 -08:00
Brock Whittaker 395d476435 portico: Temporarily fix CSS compilation bug with `calc` property.
This temporarily fixes a CSS compilation bug with `calc`, that is
outlined in Issue #8403 in the Zulip project.
2018-02-15 17:55:33 -08:00
Patrick Naughton ced9cba5ff hotspots: Fix resizing of ``Got It!`` box.
This dynamically resizes the box to fit the variable text size present
with different languages.

At the same time, it adds padding to the English version to make it
look similar to previous versions.

Fixes #8275.
2018-02-14 09:23:16 -08:00
Florian Jüngermann ec3e0caece right-sidebar: Enable up and down arrow keys.
This users the new generic functions in stream_list.js to implement a
similar behaviour for the right sidebar (user list).

Fixes #5920.
2018-02-12 15:38:23 -08:00
Florian Jüngermann b489ccc126 left-sidebar: Enable up and down arrow keys.
When in the stream-searchbar, a user can now use the arrow keys to iterate
through the suggestions. Therefore the currently selected list element is
assigned a CSS class 'highlighted_user'.
The main functional testing is done with casper but node test are still
included to keep the high coverage.
Line-wrapping issues are resolved. Night-mode CSS handling is included.
2018-02-12 15:35:56 -08:00
YJDave 08533ba787 stream settings: Show message in case of no stream description.
Show "No description." message if stream doesn't have any
description in stream settings.
2018-02-09 12:00:45 -08:00
Brock Whittaker e82564c82c dark-mode: Fix bug with open graph previews.
This fixes a bug where the open graph preview bottom fade is dark
rather than white when not in dark mode, which results in a heavy
dark faded line at the bottom of the description.
2018-02-08 09:22:58 -08:00
Greg Price a9752c5163 left-sidebar: Add back link underlines on hover, just for topics and PMs.
These were removed in 953ee778f, along with the stream names and
right-sidebar user names mentioned in the commit message.  But unlike
those, these don't get any background change on hover, so we need some
way to show the hover.

We can probably still do something that looks nicer than this, but
it's better than not having it.
2018-02-06 17:17:14 -08:00
Greg Price 52c57056cb left-sidebar: Strengthen global filter icons partway back.
This makes them roughly the same visual weight as the (non-muted)
stream icons below -- though that's imprecise because the latter
varies with color.  Tested in both normal and dark-mode.
2018-02-06 17:02:12 -08:00
synicalsyntax 9bb267a016 settings: Force strings to wrap in Filter settings table.
Fixes #8140.
2018-02-06 09:00:11 -08:00
Brock Whittaker 06f3cb2b78 message-feed: Add some styling to open graph previews.
This adds some styling to make the open graph previews look a bit nicer,
including:

1. Adding a bottom fading gradient to slowly fade out text that is out
of bounds rather than chopping it off.
2. Using font anti-aliasing to make the characters appear smoother.
3. Increasing the font size of the title to give it prominence.
4. Changing the height to 80px from 70px.
2018-02-05 16:27:31 -08:00
Brock Whittaker 1a93cd4ffe panels: Give admins a red warning banner when email isn't configured.
Also refactor the "panels"/banner code to be a bit clearer about how
it's supposed to generically work, using [data-process] as a uniquely
identifying marker.

Fixes: #8166.

[greg: rebased and squashed a series of fixup commits.]
2018-02-05 16:00:52 -08:00
VishalCR7 68df428de9 portico: Add a loading indicator to login button.
Added a loading indicator when user clicks on Log in button.

Fixes #6477.
2018-02-05 13:42:46 -08:00
Brock Whittaker 9a71a0fbff settings: Change <h3> to be smaller, bolder. 2018-02-05 13:36:52 -08:00
Brock Whittaker e280e3b074 settings: Properly center deactivation modal.
This properly vertically centers the deactivation modal in the
user settings section by setting the top to 50% and the transform
to -50% (50% of the height of the actual modal).

This is an alternate solution to #7888, which just removes the
animation, breaking the normal modal behavior.
2018-02-05 13:31:35 -08:00
Brock Whittaker eacdc13e46 portico-header: Make vertical padding equal for header.
The header had a padding of "20px 0 15px", which meant that there
was more padding on the top than the bottom, so it has been changed
to "15px 0" instead.

This is a partial revert of c5cdede891.
2018-02-05 13:27:06 -08:00
Brock Whittaker 799dc773f0 portico-header: Fix dropdown pill to be centered.
The added 4px padding made the dropdown pill not vertically center
within the portico header. This removes the padding as it was a
cosmetic change that was not necessary.

This is a partial revert of a37e993907.
2018-02-05 13:27:06 -08:00
Balaji2198 f49d9d016f hotkeys: Add '>' as a hotkey for quote and reply to message.
Tweaked by tabbott to fix a few minor issues.

Fixes #8146.
2018-02-02 17:37:53 -08:00
Brock Whittaker 693ad9eac8 dark-mode: Make .dropdown-menu links base color in dark mode. 2018-02-01 18:19:48 -08:00
YJDave 7e8da54209 settings: Move full name setting UI into modal.
This makes this UI widget more consistent with its neighbors.

tabbott: This introduces a bug with how the `full_name_field` HTML is
managed; it should be done via the `server_events.js` handler.
2018-02-01 16:08:07 -08:00
YJDave 8582e757cd settings: Improve email change modal in user setting.
- On error, do not close the modal and show the error in the modal.
- Change the order of the `Cancel` and `Change` buttons.
2018-02-01 16:08:07 -08:00
Shubham Dhama 70079e0a12 settings: Makes selector look better in firefox.
This adds a custom selector icon to make our dropdowns look
well-designed in Firefox.

Fixes: #6707.
2018-01-28 12:40:42 -08:00
YJDave 65592375ce dark-mode: Fix background color of dropdown menus. 2018-01-28 12:40:42 -08:00
Brock Whittaker 2c3b30bf2c landing-page: Change dropdown height to "auto" on mobile.
The height was too large (at 85px), so this makes it auto again.
2018-01-27 16:22:14 -08:00
Brock Whittaker 70b80a2cfb landing-page: Darken body when mobile sidebar is open.
This signals that you should not access the body before trying to close the sidebar.
2018-01-27 16:22:14 -08:00
Brock Whittaker 931261f017 dark-mode: Make all ".modal-bg .modal-header" styles the same.
This is a master selector that selects all the cases that were removed
along with one more (password modal).
2018-01-27 16:19:59 -08:00
Brock Whittaker ca548e8fa9 dark-mode: Add support for password inputs.
This allows for password inputs to be the darker blue in the dark theme now.
2018-01-27 16:18:09 -08:00
Brock Whittaker c129bba1af informational-overlays: Move CSS => informational-overlays.css.
This moves the CSS to a specialized stylesheet and adds a custom class ".hotkeys_full_table".
2018-01-27 15:20:12 -08:00
VishalCR7 b863782cf8 portico: Add realm name, link, and icon to top of /accounts/register.
Fixes #6329.
2018-01-24 18:44:38 -08:00
Harshit Bansal e0ffab8e05 emoji picker: Fix categories overflow in Firefox at 90% zoom.
Explanatory comments added by tabbott.

Fixes: #7511.
2018-01-24 16:20:10 -08:00
Vishwesh Jainkuniya b1e16d55ac dark-mode: Fix text color of emoji_alt_code. 2018-01-24 15:48:26 -08:00
Brock Whittaker d06fd9c357 dark-mode: Make settings page code blocks compatible.
This makes the code blocks compatible by changing the background to be darker and the text color to be base (white).
2018-01-24 14:17:33 -08:00
Brock Whittaker 189832deed dark-mode: Make "error" alerts compatible.
This makes them compatible by making the backgrounds darker and the text base color.
2018-01-24 14:17:33 -08:00
Brock Whittaker ca6ea11a98 dark-mode: Make "success" alerts compatible with dark mode. 2018-01-24 14:17:33 -08:00
Brock Whittaker 2d18bade15 dark-mode: Make settings "tip" boxes more compatible.
This makes them compatible by making the background dark and the text base color.
2018-01-24 14:17:33 -08:00
Brock Whittaker 0bf02e531c compose: Change "reply" button to be normal coloring.
This changes the button color to look normal, rather than being a blue/purple.
2018-01-24 14:17:33 -08:00
Brock Whittaker f18307a812 informational-overlays: Fix <hr> to be dark mode responsive.
This changes the <hr> to be translucent rather than light grey so it responds nicely to the dark mode theme.
2018-01-24 14:17:33 -08:00
YJDave 2ca0fb4128 user setting: Move password change flow in UI into modal.
Thanks to @brokwhittaker for his significant chagnes in
password modal design.
2018-01-23 14:40:47 -05:00
YJDave e7cae000cf styles: Remove all dead code of m-10 style class from settings.
Remove dead style class m-10 and add m-t-10 class in settings templates.
2018-01-23 14:26:40 -05:00
YJDave 74f3189fa5 settings: Add styles for dropdown titles. 2018-01-23 14:26:40 -05:00
YJDave 676d543d86 org settings: Change create stream permission to be dropdown.
Organization permission setting allow-user-to-create-stream is
change to dropdown, from checkbox.
2018-01-23 14:26:40 -05:00
YJDave 01510c1e8f all streams: Show lock-icon for subscriber count, if user can't access.
Previoulsy, we display "0 subscribers" if user can't access stream's
subscribers. Replace subscriber count with lock icon in case of
unsubscribed private stream, in "All stream" list.
2018-01-22 18:26:36 -05:00
YJDave 81599cf906 stream settings: Display warning if user can not access subscribers.
Display warning, saying "You can not access private stream subscribers,
in which you aren't subscribed", if user can not access subscribers;
instead of showing zero subscriber to stream.
2018-01-22 18:26:36 -05:00
ihsavru a5be1fb109 lightbox: Fix responsiveness issues with image description.
Fixes #7789
2018-01-19 17:12:38 -08:00
Aditya Bansal 7d8d7f7f9b reminders: Add alert message for set reminder success or failure. 2018-01-19 11:33:11 -05:00
Aditya Bansal 0f71a7ecca reminders: Add UI for setting up reminders for messages in the feed. 2018-01-19 11:33:11 -05:00
Cynthia Lin 9fe284b442 dark-mode: Fix background color of table headers. 2018-01-17 03:29:07 -05:00