zulip/web/styles
Shubham Padia 15ea879899 css: Scale font-size for .small buttons.
Fixes #30895.
The root font-size for the app has always been 16px, and it remains the
same when switching between 14px and 16px mode. This leads to
`.small` buttons looking relatively smaller to their surroundings in
16px mode. So, if we use a unit that changes when switching between
modes, we will have to multiple that value by (16/14) so that we don't
change the existing behaviour for the 14px mode and make things smaller.
This commit only affects `.small` buttons, the same named class is used
in other places but does not use rem unit there and therefore does not
require any changes.
The original plan was to use em instead of rem and multiply it by
(16/14 * 0.8), but since em depends on the parent element, there was a
case in the poll button widget where 1em was equal to 16px in the dense
14px mode. While, the right thing to do might have been some refactor to
make it work as desired, the safest thing to do right now might be to
use the --base-font-size-px variable directly for the 9.0 release.
2024-07-17 09:41:43 -07:00
..
portico portico: Add subtitle (for distributed teams). 2024-07-07 22:44:04 -07:00
alerts.css dependencies: Upgrade JavaScript dependencies. 2023-07-21 15:58:42 -07:00
app_components.css css: Scale font-size for .small buttons. 2024-07-17 09:41:43 -07:00
app_variables.css user_card_popover: Update the hover and active colors of copy button. 2024-07-12 13:03:40 -07:00
components.css css: Remove state dropdown-toggle class. 2024-02-03 17:20:28 -08:00
compose.css typeahead: Move all global typeahead styles together. 2024-07-16 23:29:45 -07:00
dark_theme.css bootstrap: Remove legacy `nav nav-list` classes and related CSS. 2024-07-15 10:00:22 -07:00
drafts.css topic_name: Fix compressing of display topic names. 2024-06-26 12:23:32 -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 inbox: Resize user circles in inbox view. 2024-06-27 15:28:27 -07:00
informational_overlays.css info-overlay: Adjust width of overlay and columns. 2024-07-05 11:36:35 -07:00
input_pill.css user_pill: Show deactivated icon in user_display_only_pill. 2024-07-16 14:52:17 -07:00
left_sidebar.css left_sidebar: Calculate top based on prominent row height. 2024-07-16 10:16:10 -07:00
lightbox.css lightbox: Replace image with media. 2023-10-02 22:39:02 -07:00
message_edit_history.css message_edit_history: Add loading spinner. 2024-04-10 13:10:12 -07:00
message_header.css topic_name: Fix compressing of display topic names. 2024-06-26 12:23:32 -07:00
message_row.css compose: Ensure color concord across compose and edit boxes. 2024-07-16 13:12:21 -07:00
message_view_header.css navbar: Consolidate view, channel structures and styles. 2024-06-14 17:06:59 -07:00
modal.css modal: Scale modal buttons when using 16px mode. 2024-07-17 09:40:41 -07:00
popovers.css stream_popover: Fix stream lock icon position in stream actions popover. 2024-07-16 09:27:56 -07:00
print.css typing: Move the typing notifications to below the mark as read banner. 2024-06-18 14:30:19 -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: Fully isolate light and dark themes. 2024-06-21 11:15:34 -07:00
reactions.css message_box: Set same vertical space below reactions, length toggles. 2024-07-02 11:45:30 -07:00
recent_view.css recent_view: Set a shared column for filter icons. 2024-07-03 16:15:46 -07:00
rendered_markdown.css rendered_markdown: Fix text wrapping in message view header. 2024-07-09 09:42:10 -07:00
right_sidebar.css organization_settings: Convert name to pills. 2024-07-16 14:52:17 -07:00
scheduled_messages.css css: Move media queries in scheduled_messages to zulip.css. 2024-03-19 15:15:23 -07:00
search.css search: Fix search suggestions not wrapping on overflow. 2024-07-16 23:29:45 -07:00
settings.css settings: Do not allow last active value to wrap randomly. 2024-07-16 14:52:29 -07:00
subscriptions.css subscriptions: Keep individual tabs in the same row. 2024-07-15 12:35:00 -07:00
tooltips.css tooltips: Make size of tooltips consistent. 2024-07-13 07:34:21 -07:00
typeahead.css typeahead: Move all global typeahead styles together. 2024-07-16 23:29:45 -07:00
typing_notifications.css typing: Move the typing notifications to below the mark as read banner. 2024-06-18 14:30:19 -07:00
user_circles.css right_sidebar: Establish inner grid on selectable_sidebar_block. 2024-06-06 17:08:13 -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 info_overlay: Render poll widget header without font size reduction. 2024-07-08 23:53:55 -07:00
zulip.css typeahead: Move all global typeahead styles together. 2024-07-16 23:29:45 -07:00