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
Yashashvi Dave
89eebad14f
user profile: Add user type/role in user profile popover.
...
Add user type/role in user's detail profile popover.
Fixes part of #10754
2018-11-12 15:13:44 -08:00
Marco Burstein
05b486182d
compose: Create the mobile compose popover.
...
When a user clicks the compose `+` button, create a popover at the
bottom right of the screen including buttons for opening a new stream
message or a new private message.
2018-10-31 16:47:48 -07:00
Cynthia Lin
89d81b37d4
styles: Convert background properties to background-color.
2018-10-16 13:14:19 -07:00
Cynthia Lin
c0edcf6fe4
user profiles: Remove empty space under profiles with no set fields.
...
Fixes #10652 .
2018-10-14 09:37:18 -07:00
Cynthia Lin
6d0aa68591
custom profile fields: Add and restyle default user profile fields.
...
Refactor selectors to utilize SCSS features.
Fixes some issues in #10545 .
2018-10-04 17:02:09 -07:00
Akash Nimare
17d935e9f0
popovers: Use same styling for all the popovers.
2018-08-28 16:43:32 -07:00
Cynthia Lin
e92ec362ca
popovers: Show line breaks in Long type fields in user profile popovers.
2018-08-27 17:38:15 -07:00
Yashashvi Dave
1c14e0166c
user profile popover: Enhance popover style.
...
This commit make changes in style of exit-sign of modal,
and also remove spacing between fields in modal.
2018-08-27 17:26:07 -07:00
Cynthia Lin
d37a7dd9a7
popovers: Recolor user profile avatar border to fit in night mode.
2018-08-08 11:29:51 -07:00
Cynthia Lin
cdbb38096a
night_mode: Fix broken background color for user profile.
2018-07-31 17:06:11 -07:00
Aditya Bansal
5190f4c51a
stylesheets: Fix coding style to comply with stylistic rules.
2018-07-27 00:15:58 -07:00
Akash Nimare
5f4895f780
user-groups: Centre align popover content.
2018-07-22 20:14:29 -07:00
Max Nussenbaum
ca18c635e7
User profile: Style the custom user profile fields.
...
This restyles the user profile modal so that the custom fields
look nice.
2018-06-04 16:15:24 -07:00