evykassirer
50b43421f1
search: Hide outline unless focus-visible.
...
Followup to https://github.com/zulip/zulip/pull/31647#discussion_r1767352535
2024-09-19 19:51:43 -07:00
Karl Stolley
d73044ee57
compose: Decouple compose buttons from button classes.
...
In the 2024 redesigned button configurations, the compose buttons
become outliers. This retains their previous style inherited from
.button, allowing that base component class to move forward.
2024-09-19 16:16:11 -07:00
evykassirer
56adeb335f
search: Fix cutoff focus outline.
2024-09-19 10:50:21 -07:00
Sahil Batra
1f16c0fdb7
popovers: Increase contrast of deactivated information text.
...
This commit increases the contrast for "This user has been deactivated"
text in user popover and "This group has been deactivated" text in
group popover in both light and dark mode by making the opacity 1 as
this is important information and should be clearly visible.
The text color and opacity matches with the role text shown in user
popover.
2024-09-19 10:50:02 -07:00
Sayam Samal
4ed27a9a5f
tooltips: Fix hotkey hints wrapping when next to longer tooltip labels.
...
Earlier, mostly in non-English languages, the tooltip labels would
force the tooltip hotkey hints to wrap. This commit adds the
`white-space: nowrap` property to ensure that the hotkey hint texts
are forced to be in a single line.
2024-09-19 10:49:15 -07:00
Sahil Batra
63a7c9061b
settings: Use new pills UI for can_manage_group setting.
...
This UI enables the user to set can_manage_group setting to a
combination of users and groups, replacing the old dropdown UI
which just allowed setting user to a single system group.
Fixes part of #28808 .
2024-09-19 09:08:33 -07:00
Anders Kaseorg
2c8ad219b1
styles: Fix invalid CSS generated due to @extend misusage.
...
@extend can only be used in an element selector, not directly within
@media.
Signed-off-by: Anders Kaseorg <anders@zulip.com>
2024-09-18 15:33:28 -07:00
Karl Stolley
c3b13654a7
left_sidebar: Ensure brackets are not shown while zoomed in.
2024-09-18 15:29:20 -07:00
Karl Stolley
ead6f29200
lightbox: Restore centered media list.
2024-09-17 11:55:18 -07:00
Karl Stolley
da91ebc592
checkboxes: Render border-color-matched SVGs in light and dark modes.
...
This obviates the need for the buggy use of a brightness filter,
which causes rendering problems on iOS devices and possibly others.
2024-09-16 15:43:47 -07:00
Karl Stolley
8741c9e43f
dark_mode: Introduce higher-contrast, opaque text.
...
Fixes : #31615
2024-09-16 15:43:47 -07:00
Sayam Samal
5583ddd3bf
echo: Update message controls dynamically for failed messages.
...
Previously, the message controls for failed messages was present for
all messages, regardless of their status, and was being rendered
unconditionally; only being hidden for successfully sent messages.
This commit adds dynamic rendering for the failed message controls,
only rendering them via the handlebars template when a message is
confirmed to be failed.
Fixes #31132 .
2024-09-16 13:06:30 -07:00
sujal shah
614caf111e
user_groups: Add `creator` and `date_created` field in user groups.
...
This commit introduced 'creator' and 'date_created'
fields in user groups, allowing users to view who
created the groups and when.
Both fields can be null for groups without creator data.
2024-09-13 18:44:58 -07:00
sujal shah
3b69f2e5d9
stream_settings: Extract `creator_detail` section.
...
Extract display_pill and date code to separate
'creator_detail.hbs' file.
Rename 'stream_creator_details' to 'creator_details'.
2024-09-13 18:44:58 -07:00
Karl Stolley
7b7e21384f
cleanup: Remove remaining CSS, JS .new-style references.
2024-09-11 14:22:45 -07:00
Karl Stolley
c43aaed37c
settings: Leverage .settings_text_input class.
2024-09-11 14:22:45 -07:00
Karl Stolley
a0fc663490
todo_widget: Replicate necessary checkbox styles.
2024-09-11 14:22:45 -07:00
Karl Stolley
8c984f68ec
checkboxes: Decouple label.checkbox from .new-style tangle.
2024-09-11 14:22:45 -07:00
Karl Stolley
148169546d
buttons: Set Zulip styles on :focus-visible.
2024-09-11 14:22:45 -07:00
Karl Stolley
df3d3197ff
buttons: Simplify color declarations attached to .button.
2024-09-11 14:22:45 -07:00
Karl Stolley
7cb55d2f91
buttons: Remove unused .btn-link styles.
2024-09-11 14:22:45 -07:00
Karl Stolley
af066842b1
components: Decouple .button from .new-style tangle.
2024-09-11 14:22:45 -07:00
Karl Stolley
7674318332
settings: Move tab-switcher out of .new-style block.
2024-09-11 14:22:45 -07:00
Aman Agrawal
a6e3a38e68
typeahead: Remove unsubscribe icon.
2024-09-11 08:26:52 -07:00
opmkumar
719518baba
popovers: Add stream-info-popover when channel pill is clicked.
...
Shows a stream info popover whenever a channel pill is clicked (such
as in the pill widgets for adding subscribers to a channel or
invitations). The stream info popover contains channel icon and name,
channel description and a link to channel settings.
Fixes #30567 .
2024-09-10 16:16:53 -07:00
Tim Abbott
ad890890f6
lint: Fix several duplicate word typos.
2024-09-10 15:59:00 -07:00
opmkumar
62f74fcb83
search: Hide close button in empty filter streams and filter topics.
...
Fixes #21297 .
2024-09-10 15:36:30 -07:00
Karl Stolley
8ff3fb5fec
message_row: Reduce space above collapsed Show More button.
...
This only impacts collapsed Show More buttons in a message with a
sender.
Fixes #31221
2024-09-10 14:06:58 -07:00
Sanchit Sharma
48b60db4a4
settings_config: Use `kbd` for `realm_enter_send` label.
...
Fixes : #29083 .
2024-09-06 11:47:04 -07:00
Sanchit Sharma
671946351c
settings: Improve visibility of "Enter Sends Message" setting.
...
Addresses user research feedback by duplicating the "Enter Sends
Message" setting in the Settings > Preferences menu, specifically within
the General section, ensuring users can easily locate and configure
this option.
server_events_dispatch: Remove break statement.
The settings page needs to be updated when
`enter_sends` property is updated.
css: Update vertical-align to middle for the checkbox element.
Co-authored-by: Akarsh Jain<akarsh.jain.790@gmail.com>.
2024-09-06 11:47:04 -07:00
Karl Stolley
e1e9ab0d06
portico: Ensure comparison tabs take precedence over plans.
2024-09-06 09:35:32 -07:00
Alya Abbott
9933165e75
help modal: Remove small_hotkey style.
2024-09-03 20:52:16 -07:00
Shubham Padia
1ec4539550
css: Rename .icon to .sidebar-item-icon for the name to be unique.
...
See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1901490
for more details.
2024-09-03 12:20:42 -07:00
Shubham Padia
2f120d2572
settings: Make show more tab look similar to other tabs.
...
Fixes https://chat.zulip.org/#narrow/stream/101-design/topic/org.20settings.20-.20show.20more.20-.20icon.20alignment/near/1935512
Also renames `.collapse-settings-btn` to `.collapse-settings-button`.
2024-09-03 12:20:42 -07:00
Shubham Padia
4a7983fad3
css: Use a class for spoiler header text.
...
Having the :not() rule there affected the performance, see
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1920156
for more details.
2024-09-03 10:24:40 -07:00
Shubham Padia
28d9c02479
css: Have `move-handle` for every movable row instance.
...
The original motivation was to remove the `+ i` instances because of
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1934360 .
But it seemed better to have similar html structure and css across all
movable rows.
2024-09-03 10:22:44 -07:00
Shubham Padia
77ebdfac77
css: Use classname for show_my_user_profile_modal icon styles.
...
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
2024-09-03 10:22:44 -07:00
Shubham Padia
a764e80a1b
css: Use classname for scroll-to-bottom icon styles.
...
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
2024-09-03 10:22:44 -07:00
Shubham Padia
fe44ce3e24
css: Use classname for all-messages-search-caution icon styles.
...
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
2024-09-03 10:22:44 -07:00
Shubham Padia
82b68e9bdb
css: Use classname for play_notification_sound icon styles.
...
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
Also does some refactoring to account for the fact that
.setting_notification_sound does not have any icons as children.
2024-09-03 10:22:44 -07:00
Shubham Padia
6ec1b89502
css: Use classname for navbar_icon_and_title icon styles.
...
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
2024-09-03 10:22:44 -07:00
Shubham Padia
ea60fee0ac
css: Use classname for subscribe-to-more-streams icon styles.
...
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
2024-09-03 10:22:44 -07:00
Shubham Padia
9de064dc3e
css: Use classname for setting-disabled-option icon.
...
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
2024-09-03 10:18:29 -07:00
Karl Stolley
a8ecba8ab8
settings: Remove .new-style, unused .button ul selector.
2024-08-30 14:06:27 -07:00
Karl Stolley
7a94d484ff
settings: Remove unused or unnecessary center classes from .new-style cluster.
2024-08-30 14:06:27 -07:00
Karl Stolley
f98551f128
settings: Remove unnecessary .block from .new-style cluster.
2024-08-30 14:06:27 -07:00
Karl Stolley
0cfddc9874
settings: Remove .w-200 class from .new-style cluster.
...
All elements that use this have their width already superseded by
other selectors.
2024-08-30 14:06:27 -07:00
Karl Stolley
2e6a34042f
settings: Remove unnecesary inline-block div.
...
This also removes the need for any min-width declarations on the
labels, which will behave as block elements and take up the
containing block's available width.
2024-08-30 14:06:27 -07:00
Karl Stolley
668660bc71
settings: Remove unused .warning from .new-style cluster.
...
This seems to have been used with the `password_warning()` function
in `password_quality.ts`, but that function does not appear to be
called in the app--only in the portico.
2024-08-30 14:06:27 -07:00
Karl Stolley
35f84e5381
message_row: Allow moved/edit markers to scale.
2024-08-30 10:45:39 -07:00