zulip/web/styles
Karl Stolley 7930209929
reactions: Increase prominence of own reactions.
To address feedback that own emoji reactions were not sufficiently distinct, we increase
the prominence of one's own emoji reactions by:

- Setting a pixel-and-a-half border around own reactions.
- Reducing the alpha on the inner drop shadow of other reactions.
- Increasing the contrast on own reactions borders (and decreasing 
  them, in dark mode, on other reactions).
- Space around the emoji is maintained as in the current design in the own reactions. 

Other reactions benefit from an additional half pixel of padding, top and bottom, 
which is necessary to keep the pills (and the hover reaction button) the same 
height as each other--regardless of whether there's an own reaction among them 
or not. Padding is reduced in line with the increased border on own reactions.
2024-02-28 13:04:11 -08:00
..
portico activity: Limit width of columns in activity charts. 2024-02-27 11:24:54 -08:00
alerts.css dependencies: Upgrade JavaScript dependencies. 2023-07-21 15:58:42 -07:00
app_components.css css: Apply fa-chevron-down CSS to zulip-icon-chevron-down. 2024-02-20 15:16:56 -08:00
app_variables.css reactions: Increase prominence of own reactions. 2024-02-28 13:04:11 -08:00
components.css css: Remove state dropdown-toggle class. 2024-02-03 17:20:28 -08:00
compose.css css: Apply fa-chevron-down CSS to zulip-icon-chevron-down. 2024-02-20 15:16:56 -08:00
dark_theme.css buddy list: Create section in buddy list for users from narrow. 2024-02-22 16:05:27 -08:00
drafts.css drafts: Rename class name to provide more context. 2023-08-11 15:54:17 -07:00
hotspots.css css: Assign a variable to focus underline color of recent view. 2023-09-12 09:20:33 -07:00
image_upload_widget.css image_upload_widget: Refactor style of upload_widget's preview_image. 2023-03-27 10:19:29 -07:00
inbox.css css: Apply fa-chevron-down CSS to zulip-icon-chevron-down. 2024-02-20 15:16:56 -08:00
informational_overlays.css overlays: Rename "modal-body" class. 2023-10-17 10:28:50 -07:00
input_pill.css emoji: Display status emoji as flexboxes in pills. 2023-09-21 17:18:47 -07:00
left_sidebar.css left_sidebar: Remove padding from bot icon. 2024-02-21 13:14:02 -08:00
lightbox.css lightbox: Replace image with media. 2023-10-02 22:39:02 -07:00
message_edit_history.css styles: Use modern color notation. 2023-03-24 17:26:55 -07:00
message_row.css css: Remove state dropdown-toggle class. 2024-02-03 17:20:28 -08:00
modal.css read_receipts: Fix duplication bug when opening menu repeatedly. 2024-02-22 10:49:29 -08:00
popovers.css popover: Rename user-card-status-text. 2024-02-20 18:10:38 -08:00
print.css css: Rename .message_list to .message-feed. 2023-08-21 15:17:45 -07:00
progress_bar.css refactor: Refactor progress_bar CSS to remove redundant code. 2023-04-05 15:47:14 -07:00
pygments.css pygments: Place Default (light) and Monokai (dark) schemes. 2023-12-04 13:03:34 -08:00
reactions.css reactions: Increase prominence of own reactions. 2024-02-28 13:04:11 -08:00
recent_view.css recent_view: Fix filter dropdown enabled after search for spectators. 2023-11-29 21:47:36 -08:00
rendered_markdown.css clipboard: Align click to copy button inside spoiler tag. 2024-02-20 10:18:43 -08:00
right_sidebar.css buddy list: Create section in buddy list for users from narrow. 2024-02-22 16:05:27 -08:00
scheduled_messages.css scheduled_messages: Indicate scheduled messages in conversation views. 2023-10-11 17:53:07 -07:00
search.css search: Nest pill styling under the typeahead styles. 2024-01-14 15:07:24 -08:00
settings.css css: Add 25px to content width on right for chevron-down icon. 2024-02-20 09:29:26 -08:00
subscriptions.css stream_settings: Make stream name in right panel header a link. 2024-02-14 11:27:41 -08:00
tooltips.css streams: Improve subscription toggle buttons on stream rows. 2023-10-13 11:08:54 -07:00
typing_notifications.css styles: Use modern color notation. 2023-03-24 17:26:55 -07:00
user_circles.css styles: Use modern color notation. 2023-03-24 17:26:55 -07:00
user_status.css user_status: Fix alignment of select-emoji icon of user-status modal. 2024-01-19 09:48:02 -08:00
widgets.css widgets: Remove box-shadow and use background-color to show focus. 2023-08-16 10:06:40 -07:00
zulip.css css: Extract CSS variables into own file. 2024-02-15 15:50:25 -08:00