9edee65ea0
css: Minor adjustments to sponsorship form.
...
* Align org sponsorship description with the input fields.
* Make submit button full width.
* Restrict title width to 600px like on other pages.
2023-11-23 10:32:39 -08:00
5422dd3661
sponsorship: Improve sponsorship page for sponsored realms.
2023-11-23 10:32:39 -08:00
ff19dda71c
dropdown_widget: Style cannot view stream similar to disabled state.
2023-11-23 09:09:58 -08:00
d5306334d5
recent_view: Minor alignment changes to search bar.
...
Center align clear search icon and remove extra space from right.
2023-11-22 23:38:52 -08:00
a872dbb260
recent_view: Disable dropdown widget for spectators.
2023-11-22 23:38:52 -08:00
1e7b4ae160
recent_view: Add drodown widget to filter topics.
2023-11-22 23:38:52 -08:00
861ac92747
inbox: Add description to FILTERS dropdown.
2023-11-22 23:38:52 -08:00
1e4f938d82
css: Reduce specificity of `dropdown-list-item-common-styles`.
...
This helps override CSS for it more easily.
2023-11-22 23:38:52 -08:00
c79f667116
user_status: Track focused element by using the same color as hover.
2023-11-22 13:36:27 -08:00
b9202ee1db
user_status: Fix press enter to open status emoji picker.
...
As reported on #27270 , the emoji picker in the set status modal was
not opening when pressing enter. This commit adds a keypress event
listener to the emoji picker in the set status modal, and opens the
emoji picker when the enter key is pressed.
Fixes part of #27270 .
2023-11-22 13:36:27 -08:00
ad9d1c5380
help: Rename CSS .mobile-icon -> .help-center-icon.
...
Renames CSS rule that styles Zulip UI icons in the help center
so that it makes sense to use it regardless of whether we are
documenting a mobile or desktop/web feature.
2023-11-22 09:06:09 -08:00
d82efbd503
free_trial: Remove extra onboarding flow.
...
We still redirect free trial users to upgrade page on first
signup but no longer pass the onboarding param.
2023-11-22 08:06:22 -08:00
9eeeabf877
compose: Move buttons to popover in 2 batches instead of all at once.
...
This ensures that there is never too much awkward empty space in the
row of buttons below the compose box.
2023-11-21 21:01:17 -08:00
143db56992
polls: Add option for modal to create polls.
...
Earlier the `/poll` slash command was the only way to create polls.
To increase user friendliness with a GUI, a button to launch a modal
to create a poll, has been added to the compose box. This button is
enabled only when the compose box is empty, to avoid complexities with
losing / having to save as draft any message already being composed.
The modal has a form which on submission frames a message using the
`/poll` syntax and the data input in the form, and sets the content of
the compose box to that message, which the user can then send. The
question field is mandatory for form submission.
Fixes : #20304 .
2023-11-21 21:01:17 -08:00
4ccbde23cc
compose: Reorder and divide compose control buttons into more sections.
2023-11-21 21:01:17 -08:00
30933c5145
compose: Remove gaps between formatting buttons, and make all same size.
...
Also, added a slight background color change on hover.
2023-11-21 21:01:17 -08:00
42fa4c0011
compose: Refine breakpoints for new compose control buttons.
...
This is a preparatory commit for new formatting buttons which are added
in the following commits.
Earlier we used multiple classes, each of which handled the hiding or
showing of the element it was applied to, at each breakpoint. Now all
the media queries of those classes have been combined into a new class,
for cleaner and more reusable code. This new combined media query is
also updated to accommodate the new formatting buttons.
2023-11-21 21:01:17 -08:00
ada0fcf299
popovers: Increase popover width to fit avatar inside it.
...
The user avatar flowed out of the popover and this commit
fixes it by increasing the popover width by 2px and making
it 242px (240px for avatar and 2px for borders). This
also changes the width of user group popovers, but it is
only a slight change so should be fine.
2023-11-21 12:20:25 -08:00
2b68b300a1
upgrade: Add some recommendation for user on payment failure.
2023-11-21 10:42:12 -08:00
69d8442ab4
billing: Allow user to switch between billing frequencies.
2023-11-21 10:42:12 -08:00
33b164f63a
left_sidebar: Remove padding from streams header in narrow windows.
2023-11-21 09:16:43 -08:00
ae146c3df7
left_sidebar: Grid 'Back to streams' with unread count.
...
This also hides the usual STREAMS header when zoomed in to more
topics.
2023-11-21 09:16:43 -08:00
bfaa328bd7
left_sidebar: Make streams header sticky.
2023-11-21 09:16:43 -08:00
09009ab03a
upgrade: Separate add card and purchase upgrade flow.
...
We now let user add / update card in a separate session and then
charge users after clicking on the purchase button.
2023-11-20 12:04:56 -08:00
295b4fc337
message_feed: Size visibility policy icons the same as others.
2023-11-18 05:35:06 -08:00
3e4f7108a0
message_feed: Vertically align link icon in recipient bar.
2023-11-18 05:35:06 -08:00
fa8504fffb
top_navbar: Space navbar title with padding only.
2023-11-17 17:28:54 -08:00
cabbff73fd
top_navbar: Properly align icons horizontally and vertically.
...
This adds 3px of margin where previously whitespace separated the
icon from the title.
2023-11-17 17:28:54 -08:00
6d452dbe6e
top_navbar: Extend new flex-based styles to navbar titles.
2023-11-17 17:28:54 -08:00
6271f4d6ba
top_navbar: Use flexbox to align icon, stream name, and description.
2023-11-17 17:28:54 -08:00
000299a323
top_navbar: Consolidate selectors, replicate styles.
2023-11-17 17:28:54 -08:00
1337b60738
top_navbar: Remove unecessary styles and vertical padding.
2023-11-17 17:28:54 -08:00
d707f10bb2
message_view_header: Remove subscribers count from the top bar.
...
Removed the sub_count element along with its styles and dependent
functions.
Fixes #27361 .
2023-11-17 17:28:54 -08:00
95fdf82a53
style: Fix overflow of text.
...
Fixes : #27282
2023-11-17 10:33:42 -08:00
3c8701ee36
streams: Add API endpoint to get stream email.
...
This commit adds new API endpoint to get stream email which is
used by the web-app as well to get the email when a user tries
to open the stream email modal.
The stream email is returned only to the users who have access
to it. Specifically for private streams only subscribed users
have access to its email. And for public streams, all non-guest
users and only subscribed guests have access to its email.
All users can access email of web-public streams.
2023-11-16 13:25:33 -05:00
b04dd62f8a
left_sidebar: Preserve DM layout when zoomed into more conversations.
2023-11-16 09:21:48 -08:00
dd938911f7
compose_box: Set auto height on textarea in full screen.
2023-11-15 15:23:48 -08:00
4493ee346d
reactions: Set more explicit reaction-text setting.
2023-11-15 14:02:45 -06:00
6fe49f93ad
reactions: Redesign reaction button colors and style.
...
See CZO discussion:
https://chat.zulip.org/#narrow/stream/9-issues/topic/Reactions.20background.20color/near/1632171
Also:
https://github.com/zulip/zulip/pull/26580#issuecomment-1705734770
Co-Authored-By: Vlad Korobov <terpimost@gmail.com>
2023-11-15 14:02:45 -06:00
ff9c931366
reactions: Nuke overwrought inherit declaration.
...
This is made unnecessary thanks to CSS variables.
2023-11-15 14:02:45 -06:00
534683a3ff
reactions: Express reaction button colors as CSS vars.
2023-11-15 14:02:45 -06:00
474dcf60a2
reactions: Unify stream and DM colors, express as CSS vars.
2023-11-15 14:02:45 -06:00
a929220d3c
message_edit: Add styles for Save and Cancel buttons.
2023-11-15 10:41:51 -08:00
8bc12a4ee2
modal_buttons: Make exit button colors in to CSS variables.
2023-11-15 10:41:51 -08:00
f1a79085eb
message_edit: Build basic multi-line layout for message editing.
2023-11-15 10:41:51 -08:00
6890c9d171
left_sidebar: Place unread count right of All DMs icon.
...
Also set a CSS variable for header-icon widths in the left sidebar.
Fixes : #27559
2023-11-15 10:07:04 -08:00
614abd58be
left_sidebar: Place unread count right of stream controls.
...
Fixes : #27380
2023-11-15 10:07:04 -08:00
5accf36115
recent_view: Correct icon alignment within rows.
2023-11-15 09:05:47 -08:00
17e87c9a20
compose_box: Fix regression on full-screen Preview areas.
2023-11-15 09:04:54 -08:00
c5b7432cf2
compose_box: Maintain top alignment in Preview mode.
2023-11-15 09:04:54 -08:00
b2c2afe374
left_sidebar: Keep all DM container rows to same right margin.
2023-11-14 16:43:28 -08:00
6f8cac8077
compose_box: Better align and maintain alignment of topic marker.
2023-11-14 13:14:40 -08:00
e82c875bc3
compose_box: Remove unreachable enter_sends cruft.
2023-11-14 12:10:38 -08:00
0c95772f4e
compose_box: Maximize clickable area on send-later vdots.
2023-11-14 09:21:11 -08:00
5bedbb14b4
compose_box: Rename message-control-button to send-control-button.
2023-11-14 09:21:11 -08:00
93d6bcef0e
compose_box: Properly present Drafts button in all languages.
2023-11-13 12:45:13 -08:00
be34c4c2ef
compose_box: Improve Drafts and button alignment in smaller views.
2023-11-13 12:45:13 -08:00
71468492b7
compose_box: Restore purple color to Send button.
2023-11-13 12:45:13 -08:00
7209476b18
compose_box: Integrate Drafts, Enter-to-send in send-later popover.
2023-11-13 12:45:13 -08:00
601faf8548
compose_box: Handle responsive layouts on send column.
...
Fixes #27576 .
2023-11-13 12:45:13 -08:00
a6b3e74f7d
compose_box: Sensibly style disabled Send/vdots buttons.
2023-11-13 12:45:13 -08:00
609106e2d0
compose_box: Implement redesigned vdots-button styles.
2023-11-13 12:45:13 -08:00
bf0e806fed
compose_box: Implement redesigned send-button styles.
2023-11-13 12:45:13 -08:00
f8fa47fa02
compose_box: Use columnar flex to position Drafts, limit, Send button.
2023-11-13 12:45:13 -08:00
a3c1399924
compose_box: Handle compose and preview expansion.
2023-11-13 12:45:13 -08:00
ec38c7b5be
compose_box: Establish basic message box grid geography.
2023-11-13 12:45:13 -08:00
9f00b513f7
compose_box: Improve structures around compose buttons.
2023-11-13 12:45:13 -08:00
e608a389af
compose_box: Improve structures around send controls.
2023-11-13 12:45:13 -08:00
b4b71880e1
compose_box: Prepare redesign send and draft structures.
2023-11-13 12:45:13 -08:00
67bddb3d72
billing: Show success message for license change after page reload.
2023-11-13 10:35:39 -08:00
c2e01f06a3
billing: Show message for users without access to page in a white box.
2023-11-13 10:35:39 -08:00
17573cd1fb
billing: Don't show license update buttons until valid change in value.
2023-11-13 10:35:39 -08:00
0772f8011c
billing: Don't reduce button width when loading.
2023-11-13 10:35:39 -08:00
874d4a7026
upgrade: Improve styles for free trial upgrade.
2023-11-13 10:35:39 -08:00
2ffae56efa
upgrade: Improve styles for onboarding free trial orgs.
2023-11-13 10:35:39 -08:00
a04204e47d
billing: Style go to your org better.
2023-11-13 10:35:39 -08:00
2f9a48cce7
upgrade: Show payment amount based on user input.
...
Write script to make payment amount vary with payment schedule
and number of licenses.
2023-11-13 10:35:39 -08:00
f5ba6fe03c
upgrade: Fix HTML structure and styles.
2023-11-13 10:35:39 -08:00
f273229b01
upgrade: Add payment button and info style with fake text.
2023-11-13 10:35:39 -08:00
4638f67e4e
upgrade: Use style similar to /billing page.
2023-11-13 10:35:39 -08:00
2570f7ce23
upgrade: Control automatic / manual license management via URL.
2023-11-13 10:35:39 -08:00
395cafcf46
sponsorship: Add extra input fields to get more org info.
...
Fixes #27600
2023-11-13 08:52:13 -08:00
64005c03b6
topic_mentions: Highlight the @topic mention for topic participants.
...
This commit adds support to highlight the '@topic' wildcard
mention text for the users having 'topic_wildcard_mentioned'
flag set.
Fixes #27497 .
2023-11-13 08:29:16 -08:00
554f33d033
left_sidebar: Set shared right margin on DM section.
2023-11-13 08:27:28 -08:00
060b94b71f
inbox: Fix search icon position on narrow widths.
...
Due to filters dropdown's variable width, the search icon was
incorrectly positioned, we fix it by positioning it relative to
the filter dropdown.
2023-11-10 18:20:26 -08:00
a7f02c89d7
inbox_view: Move filters dropdown to the left of search box.
2023-11-10 10:22:18 -08:00
69d59acc5a
inbox: Focus currently selected option in dropdown.
2023-11-10 10:22:18 -08:00
f191efce1b
inbox: Add dropdown to filter topics.
...
Fixes #27522
Replace `Include muted` checkbox with a dropdown to filter displayed
topics.
Also, adds a new filter to display only followed topics.
2023-11-10 10:22:18 -08:00
f2e8d2dc07
left_sidebar: Set border radius on rows for all states.
2023-11-09 17:39:26 -08:00
34475bf867
left_sidebar: Establish filter-handling grid on Streams, DM headers.
...
Fixes part of #27559 .
2023-11-09 17:39:26 -08:00
2235413c15
left_sidebar: Establish grid on Direct Messages header.
2023-11-09 17:39:26 -08:00
12bf754a8a
left_sidebar: Consolidate left-sidebar-title styles.
2023-11-09 17:39:26 -08:00
3f36c52f41
sidebars: Structurally separate left- and right-sidebar headings.
2023-11-09 17:39:26 -08:00
ee32654723
sidebars: Express heading colors as CSS variables.
2023-11-09 17:39:26 -08:00
bb557d5193
billing: Add different modals for increasing / decreasing licenses.
2023-11-10 05:17:52 +05:30
cce5666e5d
billing: Make changing current and next cycle licenses work.
2023-11-10 05:17:52 +05:30
9d7e10950f
billing: Fix style of cancel button and adjust app margins.
2023-11-10 05:17:52 +05:30
d79b59d3b1
billing: Make payment method look nice.
2023-11-10 05:17:52 +05:30
f9aba9ba33
billing: Make license count management buttons look nicer.
2023-11-10 05:17:52 +05:30
a75afe1462
bililng: Style similar to sponsorship page.
2023-11-10 05:17:52 +05:30
2f532e49d1
billing: Add field to show billing frequency.
2023-11-10 05:17:52 +05:30
c41a8317cf
billing: Convert plan name to new style.
2023-11-10 05:17:52 +05:30
b5b7fc9957
billing: Use navbar used in login/help pages.
2023-11-10 05:17:52 +05:30
9b83dc1b79
stylelint: Fix declaration-block-no-redundant-longhand-properties.
...
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2023-11-08 16:11:15 -08:00
f6516cba89
personal_menu: Add opacity hover effect on clear status button.
2023-11-08 10:19:24 -08:00
66276d88ef
personal_menu: Add different colors for status text.
2023-11-08 10:19:24 -08:00
f2deb8da46
settings-ui: Change `<select>` style using custom chevron-down icon.
...
Align the `dropdown-widget` and `<select>` UIs.
Removed default `<select>` tag styles with `appearance: none` css.
Added custom chevron-down icon with `background-image` attribute
to the `<select>` tag.
The svg icon is used in a CSS variable with a data URI.
The CSS variable is used to set different colors for dark and light
theme.
Tweaked by tabbott to scope selectors appropriately and also delete a
10px font-size in one settings dropdown widget.
Fixes #26859 .
2023-11-07 16:55:34 -08:00
4fef63de52
sponsorship: Show error message for the field under the field.
2023-11-06 14:55:14 -08:00
b5fd5f2f5e
sponsorship: Minor changes.
...
Wrap sponsored / sponsorship pending message in a white box.
Remove green heart.
2023-11-06 14:55:14 -08:00
ff5e1c3aee
sponsorsihp: Make submitting the form work.
...
Includes various changes to make submitting the sponsorship form work.
2023-11-06 14:55:14 -08:00
2466101fe1
sponsorship: Set width of elements like on support page.
2023-11-06 14:55:14 -08:00
349f6f8ab8
sponsorship: Use new style for existing input fields.
2023-11-06 14:55:14 -08:00
00df9c6c18
urls: Show sponsorship page on a new URL.
...
Fixes #27377
Replaced #sponsorship links with sponsorship/ links and in other
places liking gear menu.
2023-11-06 14:55:14 -08:00
eaf69dc9d5
left_sidebar: Employ existing left_sidebar_menu_icon_visible.
...
Seems like `left_sidebar_menu_icon_visible` had a regression where
its CSS was removed.
We use it show stream row icon when stream popover is visible.
2023-11-06 14:20:48 -08:00
5697084832
css: Improve the css of popover used to change visibility policy.
...
This commit improves the CSS of popovers in the recipient bar,
recent conversations, and Inbox, which are used to change the
visibility policy.
2023-11-06 10:16:53 -08:00
a2ae715226
left_sidebar: Align no-alpha variable for light mode unreads.
2023-11-04 12:50:46 -07:00
322b06b364
left_sidebar: Ensure mark as read vdots follows home view.
...
Regardless of which home view a user selects, it will have a
hoverable vdots menu and the option to mark all as read.
2023-11-03 10:08:37 -07:00
9226e8bdca
left_sidebar: Use grid or flexbox to order selected home view.
2023-11-03 10:08:37 -07:00
5d2d8f9215
left_sidebar: Add logic and styles to show unreads on selected home view.
2023-11-03 10:08:37 -07:00
14ef3a5464
left_sidebar: Display dark-mode condensed unreads without alpha.
2023-11-03 09:33:06 -07:00
daa34685c3
stream_edit: Enable notification settings for muted streams.
...
This commit allows the user to change notification settings even though
the stream is muted and adds a line of text in stream settings and
notification settings.
Fixes #27272 .
2023-11-02 13:57:56 -07:00
6784dee775
left_sidebar: Align 'more conversations' and 'back to streams'.
2023-11-02 09:56:29 -07:00
65ed4d0ac2
left_sidebar: Provide inline-grid layout for DM row status emoji.
2023-11-02 09:56:29 -07:00
b50a09f99e
left_sidebar: Set vertical alignment on 22px-tall DM row.
2023-11-02 09:56:29 -07:00
4e03209c76
left_sidebar: Establsh CSS Grid on DM rows.
2023-11-02 09:56:29 -07:00
1f8db236f5
buddy list: Rename user_presences to buddy-list-users-matching-view.
...
This switches to our preferred dash-separated classnames
instead of underscore-separated, and also updates the
classname to be differentiable from users that aren't
part of the current narrow.
Until the next commit that splits the buddy list, the
name is a bit inaccurate since it still contains all
the users.
2023-10-31 16:06:07 -07:00
3f5764e5ba
navbar: Correct for alpha background on unread dot's border.
...
This is a case where the use of alpha channels in HSL color values
shows its limits.
The use of an alpha channel is necessary for the background
elements for the top navbar elements, because they sit over the
top of the navbar's bottom border (actually an inset shaddow).
However, it's impossible to use the alpha-channel based color on
elements like the unread dot, where the border actually sits on
top of the element itself--meaning that the effect would be a
larger dot with an imperceptibly darker ring around it.
What this commit does is use a technique suggested by Anders
Kaseorg for using CSS's `color-mix()` functional notation to
calculate an opaque version of the alpha color for use on
elements that do not or cannot directly take the color with
the alpha channel.
See CZO discussion:
https://chat.zulip.org/#narrow/stream/6-frontend/topic/alphas.20in.20color.20definitions/near/1670102
2023-10-30 11:25:12 -07:00
e1960670ca
hello: Make logos more visible in light theme.
2023-10-30 11:05:02 -07:00
825a7106c6
left_sidebar: Use DM identifiers around direct-messages list.
2023-10-30 10:14:28 -07:00
dcd891a176
left_sidebar: Use dm-list class.
2023-10-30 10:14:28 -07:00
01ca3e119b
left_sidebar: Use DM identifiers on DM containers.
2023-10-30 10:14:28 -07:00
f496b40cd6
left_sidebar: Use DM identifiers on DM list items.
2023-10-30 10:14:28 -07:00
9062c75481
left_sidebar: Use DM identifiers on DM row box.
2023-10-30 10:14:28 -07:00
a175c3829c
left_sidebar: Clean up DM list structures and selectors.
...
This adds some temporary styles to preserve the DM row layout
as-is, but that will be removed as part of the grid implementation.
2023-10-30 10:14:28 -07:00
6dd7efae85
user_profile: Fix alignment and color of edit icon.
2023-10-26 13:17:28 -07:00
4a4b8dff99
user_profile: Add deactivated user indicator in the profile header.
...
Fixes : #26861
2023-10-26 13:17:28 -07:00
61aa55df79
navbar: Clean up unecessary userlist-toggle cruft.
2023-10-26 10:28:02 -07:00
a9421f6ba0
navbar: Use new purple icon color with left-sidebar toggle.
...
This also implements the same hover and focus-visible styles
as icons on the righthand side of the navbar.
2023-10-26 10:28:02 -07:00
1f0e9b4587
sidebars: Correct display at small mobile sizes.
...
This fixes a state where the expanded left sidebar appears under
the navbar at the smallest mobile views.
It also provides a stop-gap fix for the right sidebar's USERS
heading, making it align better (but certainly not perfectly)
with the left sidebar's.
2023-10-26 10:28:02 -07:00
8ee764382b
navbar: Show left-sidebar-style unread dot on streams toggle.
2023-10-26 10:28:02 -07:00
4409663e69
navbar: Handle streams-toggle alignment with dimensions, flexbox.
2023-10-26 10:28:02 -07:00
bbf4792d81
right_sidebar: Drop keyboard shortcuts button from right sidebar.
...
Fixes : #27381 .
2023-10-25 16:43:49 -07:00
18a165fa97
personal_menu: Indicate no status text in italics.
...
If user has only set emoji as status, we show a placeholder
text to indicate no status text has been set.
Fixes #27362
2023-10-25 11:09:08 -07:00
3385d5862b
left_sidebar: Include right-hand padding on topic, nav labels.
2023-10-25 09:53:05 -07:00
4fac53e35c
left_sidebar: Restore and note positioning context for unread dots.
2023-10-25 08:17:11 -07:00
db05d7ef0c
css: Revert sidebar-menu-icon specificity change.
...
3ac0c3c401
2023-10-24 16:23:30 -07:00
2f33fad5df
left_sidebar: Add popover to make different views default.
...
Fixes #27324
2023-10-24 16:16:56 -07:00
ce804fc37a
navbar: Remove userlist unread count.
2023-10-24 13:57:27 -07:00
6f6a53c909
help-menu: Center align keyboard shortcut hint.
2023-10-24 13:06:11 -07:00
1a18faaf02
left_sidebar: Increase size of condensed icons.
2023-10-24 12:29:45 -07:00
3ac0c3c401
left_sidebar: Correctly align vdots across all rows.
...
This brings modern alignment methods to all vdots instances,
including in views, streams, and topic rows.
This also aligns the vdots in the condensed view row with
all the others in the left sidebar.
2023-10-24 12:29:45 -07:00
21908b7a9e
left_sidebar: Vertically align all vdots.
2023-10-24 12:29:45 -07:00
528f494d41
left_sidebar: Establish filter rows as grids.
2023-10-24 12:29:45 -07:00
56eaf9b153
left_sidebar: Place redesign icons in expanded views.
2023-10-24 12:29:45 -07:00
75c874fef6
personal_menu: Fix focus outline of clear status icon.
2023-10-23 14:15:13 -07:00
87c87ed41f
personal_menu: Rename clear_status class.
2023-10-23 14:15:13 -07:00
79acefae4c
css: Remove unused hotkey-hint style.
...
The one we use in tooltips is defined in tooltips.css.
2023-10-23 14:15:13 -07:00
c5564668c5
help_menu: Use new style to show hotkey.
...
This is according to Vlad's design in figma which differs from the
style we have in `tooltip-hotkey-hint`.
I used font-weight: 500 instead of 400 as it looked nicer and since
Vlad used Source Sans Pro as font-family which we don't have.
2023-10-23 14:15:13 -07:00
3d870a1f7d
popovers: Use fixed height for navbar-dropdown items.
...
This helps us add elements like hotkey hint which can take more
space that available for text. There are no visual changes.
Removed some duplicate properties too.
2023-10-23 14:15:13 -07:00
8f716cd64a
help_menu: Extract help items from gear menu into a separate popover.
...
Fixes #27202
2023-10-23 14:15:13 -07:00
5dba15160d
css: Fix dark theme hover color for copy invite link.
...
Extracted colors into variables and used them inside the id to
solve the specificity issue.
2023-10-22 14:21:16 -07:00
e4ae826a47
inbox: Improve look of empty inbox view.
2023-10-20 17:13:33 -07:00
af271be1bd
navbar-dropdowns: Use specific classes for everything.
...
Replaced element selectors with specific selectors, those that
remain are intentionally left.
This is to avoid inner-most selectors as element selectors.
The reason being is that browsers evaluate selectors from right
to left, meaning that every time a selector ends in an element,
the browser has to work that much harder whenever and wherever
on a page it encounters the element.
2023-10-20 12:36:39 -07:00
2efc2a5eb5
gear_menu_dropdown: Use better class name for theme buttons.
2023-10-20 12:36:39 -07:00
51797809c4
header-button: Add background effects to different states.
2023-10-20 12:36:39 -07:00
f9e7b814d6
navbar-dropdown-menu: Use focus-visible instead of focus.
2023-10-20 12:36:39 -07:00
1e3e70576b
gear_menu: Extract the new gear and personal menu style as a theme.
...
This also fixes some misalignment happening at some widths for gear
menu. Like at XL widths for spectators.
2023-10-20 12:36:39 -07:00
bc3d48616e
gear_menu: Migrate to use tippy.
2023-10-20 12:36:39 -07:00
d75df10729
gear_menu_popover: Move *-theme class to the li element.
...
It will help us hide the whole `li` element instead of just
`a` tag for spectators.
2023-10-20 12:36:39 -07:00
897c19d17d
css: Add box-shadow to navbar dropdown menu as per figma design.
2023-10-20 12:36:39 -07:00
41c06e2989
CSS: Extract common CSS for .navbar-dropdown-menu.
2023-10-20 12:36:39 -07:00
61bf72d30e
empty_feed_notice: Style empty message feed similar to other views.
2023-10-20 12:29:45 -07:00
8e7265fbb4
left_sidebar: Correctly handle focus on views controls.
2023-10-20 12:27:19 -07:00
c3062e80bb
left_sidebar: Place redesigned icons in views popover.
2023-10-20 12:27:19 -07:00
2c8a688983
left_sidebar: Place redesign icons in condensed views.
2023-10-20 12:27:19 -07:00
24d300f3fd
left_sidebar: Tune icon sizes for condensed presentation.
...
This slightly increases the size of the clock for recent
conversations, and descreases the size of the left-aligned icon
for all messages.
Icon sizes in the expanded view are left untouched.
2023-10-20 12:27:19 -07:00
41635566fd
left_sidebar: Improve logic for showing Scheduled messages.
2023-10-20 12:27:19 -07:00
46ce408a5f
left_sidebar: Add a 3-dot menu to condensed views.
...
Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
2023-10-20 12:27:19 -07:00
4dd1bf7e32
left_sidebar: Expand and condense the VIEWS navigation.
2023-10-20 12:27:19 -07:00
458d6411b4
left_sidebar: Handle condensed icon unread states.
2023-10-20 12:27:19 -07:00
9f5ca4f6f7
left_sidebar: Set backgrounds on condensed icon visible and hover.
2023-10-20 12:27:19 -07:00
7774abfe04
left_sidebar: Structure Views header with standalone icons.
...
This also introduces a combo grid/flex layout, which will also be
applied to the DM and Streams headings.
Because there are now multiple classes referenced from the
Puppeteer tests, those selectors now include the expanded
navigation area's parent ID selector.
2023-10-20 12:27:19 -07:00
b6fb77525f
hello: Adjust padding in client logos to be similar to original design.
...
Since Vlad used zoom in the original design and we used transform
since zoom was not supported by all browsers, some details got
lost in transition.
2023-10-20 10:04:46 -07:00
41f26aebd9
hello: Make cta icons have similar spacing to original design.
...
There were lost when we converted inline svgs to files.
2023-10-20 10:04:46 -07:00
b542984869
personal_menu: Fix semantics of personal menu HTML structure.
...
Only valid tag inside `ul` is `li`. So, we use `ul > li > ul > li`
structure here.
2023-10-18 22:02:38 -07:00
06f14a8caf
personal_menu: Use a more specific name for `.inner` class.
2023-10-18 22:02:38 -07:00
b2dd2d6d29
personal-menu: Rename dropdown-menu to navbar-dropdown-menu.
...
This will contain common css to be used between navbar dropdowns
gear menu and personal menu.
2023-10-18 22:02:38 -07:00
5e3b8f5393
css: Improve the css of icon-based tab picker used in topic popover.
...
Remove the solid outline around hovered tabs.
Minor tweaks in height and padding for tabs.
2023-10-17 16:21:06 -07:00
2d979fbf0e
css: Use CSS variables for the color values of tab-picker.
...
Use CSS variables for the color values of left sidebar
topic popover, tab-picker widget to change the visibility
policy.
2023-10-17 16:21:06 -07:00
0dd8e40e84
inbox: Use new empty-list-message style and center the text.
2023-10-17 11:55:41 -07:00
4db331ed21
empty_list_widget: Use class instead of id.
...
We were using id before to increase their specificity, but
since it is possible for multiple empty_list_widget_for_list/table
to be in DOM at the same time, we should use a class here. Used
`!important` here so that we can force our padding where these
classes are used.
2023-10-17 11:55:41 -07:00
62c78d5ad5
inbox: Remove side borders.
2023-10-17 10:34:48 -07:00
742b985de0
compose_actions: Warn callers if msg_type is not defined.
2023-10-17 10:34:48 -07:00
a814b4f320
inbox: Use app background color.
...
Search input still has the same background color.
2023-10-17 10:34:48 -07:00
7b3fda696d
css: Rename CSS variables for heights in subscriptions overlay.
...
The CSS variables for heights in subscriptions overlay uses
"modal" word but we actually use overlays for subscriptions
UI, so this commit renames those variables to better names.
2023-10-17 10:28:50 -07:00
0c146d21e3
overlays: Rename "modal-bg" class to "overlay-container".
...
This commit renames "modal-bg" class to "overlay-container"
since we use this class only for overlays and this seems a
better name.
2023-10-17 10:28:50 -07:00
b3d9f5a419
overlays: Rename "modal-body" class.
...
We use "modal-body" class in informational overlays and
"About Zulip" overlay. For informational overlays, the
class is used on the element acting as scroll container
so we just rename the class to "overlay-scroll-container".
For "About Zulip" overlay, we do not support scrolling
so "overlay-body" seems a better class name.
2023-10-17 10:28:50 -07:00
eeb3b5715f
settings: Rename modal-footer class.
...
We only use "modal-footer" class in stream and user group
creation forms which is actually not a modal, so this commit
renames the class to a better name "settings-sticky-footer".
2023-10-17 10:28:50 -07:00
34ceafadd5
recent view: Add button to fetch more conversations.
...
We add a new timerender format for this context, where there's plenty
of space.
Fixes : #18461
2023-10-13 16:14:55 -07:00
3d1b846d86
streams: Change color of the checkmark to blue.
...
This is a UI experiment which change the regular and on-hover
colors of the green checkmark in All Streams UI to match the send
button of the compose box.
Co-authored-by: Raghav Luthra <rluthra2002@gmail.com>
2023-10-13 11:08:54 -07:00
Aman Agrawal
Sayam Samal
David Rosa
N-Shar-ma
Sahil Batra
Karl Stolley
aryan
Vector73
Prakhar Pratyush
Anders Kaseorg
ecxtacy
Pratik
evykassirer
Tim Abbott
m-e-l-u-h-a-n