Commit Graph

64 Commits

Author SHA1 Message Date
Anders Kaseorg c6ed5c81de styles: Format CSS with Prettier.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2020-08-04 16:34:19 -07:00
SiddharthVarshney 1a8e9d1164 user-profile: Change color of `name` field.
With the previous color it was hard to read the text and
also that color does not matches with the zulip style.

This commit changes the color of `name` field for
user-profile modal for better visability both in day
and night mode.
2020-06-20 23:32:49 -07:00
SiddharthVarshney b122ad7da4 topic-popover: Add chevron-right icon in topic popover title. 2020-06-20 14:57:54 -07:00
Aman Agrawal 7585776c76 stream_header: Fix broken header color and outflowing boundary.
The stream header was moved below the selection option and the
boundary selection input was overflowing, both were fixed via
this commit.
2020-06-10 09:50:49 -07:00
SiddharthVarshney b22b1004a8 user-profile: Fix user profile layout for long name. 2020-06-07 12:55:43 -07:00
Siddharth Varshney 89539d6fb5 stream-popover: Change design of stream popover.
Extracts the stream name from the list items and display
it in the popover title.
2020-05-24 17:28:51 -07:00
Siddharth Varshney 309ab0eb6f topic-popover: Change design of topic popover.
Extracts the topic name from the list items and display
it in the popover title.

Add a seperator between normal user and admin only options.
2020-05-24 17:28:50 -07:00
Siddharth Varshney 0af2f9d838 popover: Hide color palette.
Change in stream color occurs very rarely, and the palette is taking a lot of space in the popover.

This commit will hide the palette in default view of stream popover.
2020-05-19 14:03:35 -07:00
Siddharth Varshney 2c5275839b popover: Change the divider color in `Choose custom color`.
Changed the divider color in to match the style of day/night mode.
2020-05-19 14:03:35 -07:00
Siddharth Varshney ef8050bde0 popover: Use zulip style for `Choose` button.
This commit will change the style of `Choose` btn in both
day and night mode to match with the style of other buttons of the app.
2020-05-19 14:03:35 -07:00
Aman Agrawal 27ee527bd6 topic_stream_edit_popover: Add right-angle icon. 2020-05-14 14:27:53 -07:00
Aman Agrawal d537ceef5a topic_stream_edit_popover: Add stream color bar before selet tag.
* The implementation is similar to message stream edit color bar.
2020-05-14 14:27:53 -07:00
Tim Abbott b9098a42d4 messages: Allow moving a topic to another stream.
This completes the implementation of support for moving a topic to
another stream by adding a basic UI for it.

Fixes #6427, which was previously the most-upvoted issue request in
Zulip.

There are likely to be a bunch of follow-up UI improvements on top of
this change to fully flesh out the feature.
2020-05-04 10:03:03 -07:00
Anders Kaseorg b26a420c7a styles: Size full-viewport fixed elements as 100%, not 100vw × 100vh.
Mobile Chrome includes the height of the address bar in its
calculation of 100vh, which was causing a corresponding part of our
content to be pushed off the bottom of the screen.

Fixes #11324.

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2020-04-23 15:47:43 -07:00
Anders Kaseorg abbd8a7f45 styles: Remove most vendor-prefixed CSS attributes.
Many of them are now automatically generated by autoprefixer, while
others are unnecessary based on .browserslistrc, and some were just
wrong (the linear-gradient based checkerboard pattern in lightbox has
been broken in Firefox for a while).

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-08-30 14:51:52 -07:00
Anders Kaseorg 218c60ae86 third: Upgrade spectrum-colorpicker to 1.8.0 from NPM.
We had several patches to spectrum, but the only essential one 
(0ea770fc18) had already been fixed upstream,
and another was just handling jQuery deprecation warnings for not yet removed features.

See #12749 for details.

Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-07-10 10:07:34 -07:00
Vaibhav f9d9eca295 css: Nest `.colorpicker-container` inside `.streams_popover`. 2019-07-09 11:43:04 -07:00
Vaibhav d68fcfdb88 css: Nest `sp-container` in `.colorpicker-container` for `.streams_popover`. 2019-07-09 11:43:04 -07:00
Vaibhav 84489a8d80 css: Nest `.sp-palette-container` in `.sp-container` for `.streams_popover`. 2019-07-09 11:43:04 -07:00
Vaibhav a7b143bda7 css: Use SCSS nesting in popovers.scss for `.group-info`. 2019-07-09 11:43:04 -07:00
Vaibhav d371d7438e css: Separate `.group-info` rule from `.message-group a`. 2019-07-09 11:43:04 -07:00
Vaibhav 1bf2b23d36 css: Use SCSS nesting in popovers.scss for `.group-info-popover`. 2019-07-09 11:43:04 -07:00
Vaibhav d9142dd03c css: Move `.popover_user_presence` rules inside one block. 2019-07-09 11:43:04 -07:00
Vaibhav a1951c087a css: Cleanup margin using only one rule instead of 4 different margins. 2019-07-09 11:43:04 -07:00
Vaibhav 596420d80b css: Remove redundant `.group-info-popover .member-list .user_circle` rule.
User circle inside `.group-info-popover` already has the class-name
`.popover_user_presence` which has the same properties.
2019-07-09 11:43:04 -07:00
Vaibhav dfdbc378b0 css: Move `.user_popover .popover-title` rules inside one block. 2019-07-08 20:13:08 -07:00
Vaibhav b205410e27 css: Use SCSS nesting in popovers.scss for `.user_popover`. 2019-07-08 20:13:08 -07:00
Vaibhav 58c0434474 css: Use SCSS nesting in popovers.scss for `.popover-avatar`. 2019-07-08 20:13:08 -07:00
Vaibhav 6ed3792d21 css: Reorder popovers.scss so `.popover-avatar` are in same place. 2019-07-08 20:13:08 -07:00
Vaibhav abadc1fd98 css: Move `.message-info-popover .popover-title` rules inside one block. 2019-07-08 20:13:08 -07:00
Vaibhav 6cedd4ccf5 css: Use SCSS nesting in popovers.scss for `.message-info-popovers`. 2019-07-08 20:13:08 -07:00
Vaibhav e25371310d css: Reorder popovers.scss so `.message-info-popover` are in same place. 2019-07-08 20:13:08 -07:00
Vaibhav eab0c70d1d css: Use SCSS nesting in popovers.scss for styles in media queries. 2019-07-08 20:13:08 -07:00
Vaibhav ac2074afa0 css: Use SCSS nesting in popovers.scss for `ul`. 2019-07-08 20:13:08 -07:00
Vaibhav 9ad6874b93 css: Use SCSS nesting in popovers.scss for `.streams_popover`. 2019-07-08 20:13:08 -07:00
Vaibhav 6e4ea91461 css: Reorder popovers.scss so `.streams_popover`s are in same place. 2019-07-08 20:13:08 -07:00
Vaibhav 845b85847b css: Use SCSS nesting in popovers.scss for `.popover` and title. 2019-07-08 20:13:08 -07:00
Vaibhav b764bd786f css: Reorder popovers.scss so `.popover` are in same place. 2019-07-08 20:13:08 -07:00
Vaibhav 336ea98dd9 css: Remove buggy white-space style from profile modal content.
This is to make the user profile settings rendered content in accordance
to the message box styling.
2019-06-24 22:10:24 -07:00
Aman Agrawal 904422d8bc css: Convert colors from rgba to hsla format. 2019-06-20 11:34:59 -07:00
Aman Agrawal 3e589cf65e css: Convert colors from rgb to hsl format.
Note that we are not converting the stream colors.
2019-06-20 11:34:34 -07:00
Vaibhav f366c50913 user_info: Add bot owner to the user info popover.
This includes all the changes on the frontend side to include the
bot owner in the popover. Includes the bot owner name as a link which
opens the full profile of the bot owner.

For bots without any owner (such as Notification Bot or Welcome Bot)
in place of bot owner name, 'System Bot' appears for cross realm bots
and 'Bot' for in-realm bots.

Fixes #10844.
2019-05-30 15:45:56 -07:00
Yashashvi Dave 46f45f35d2 stream_ui_updates: Add generic `initialize_disable_btn_hint_popover` func. 2019-05-08 15:09:16 -07:00
Yashashvi Dave ccd3b49555 streams: Disable sub-btn with explanation if user not allowed to subscribe. 2019-05-07 16:38:36 -07:00
Steve Howell 4c27353154 css: Position/size popover user circles in correct file.
We're soon gonna have user circles in four different places,
and the fourth place, Private Messages, will have different
size/position CSS.

Now each component does positioning and sizing in its
main CSS file:

    user info, group info -- popovers.scss
    buddy list, group PMs -- right-sidebar.scss

(We also use the more explicit syntax for padding each
side.)
2019-02-18 14:22:37 -08:00
Steve Howell 66c6423001 popovers: Restructure hardcoded "top" for user popover.
The patch to bootstrap will make the position smarter, but we still
want to preserve the 100px default vertical offset we chose for visual
reasons.

Tweaked by tabbott to preserve the visual design.
2019-02-14 16:34:15 -08:00
Rishi Gupta a7a5188030 user status: Style status message in user popover. 2019-02-05 13:42:32 -08:00
Yashashvi Dave e8fbd855e6 subscriptions: Add tooltip, only subscribers can add user in private stream.
Add explanation in popover on disabled add-subscriptions input elements,
admin can't add subscribers to non subscribed private streams, only
subscribed users can.

Fixes #10593
2019-01-05 16:21:41 -08:00
Cynthia Lin 053c4a2250 popovers: Add guest avatar marker to user profile popover. 2018-12-30 11:07:00 -08:00
Cynthia Lin 4d97909764 popovers: Add guest avatar marker to user info popover. 2018-12-30 11:07:00 -08:00