Sayam Samal
e3878cf64a
popovers: Add structural changes and fix CSS overlap.
...
The paragraph tag was being used along with the bold tag to style the
topic and stream in the popovers. The semantic meaning of these tags
are more specialized and should not be used in this context. Replaced
the <p> tags with the more general <div> tags and accounted for the
bold text via the `font-weight` CSS property.
The `.topic-name` class, used to style the topic/stream name in the
topic list in the left sidebar, was also being used to the style the
topic/stream name in the topic/stream popover. This lead to irrelevant
properties being applied to the popover > topic/stream name. Through
this commit, the styling for both of these different cases are now
separated using the appropriate selectors.
Fixes #27562 .
2023-12-11 12:55:25 -08:00
Prakhar Pratyush
25899b1f7e
left_sidebar: Decrease follow-icon opacity.
2023-12-07 11:54:36 -08:00
Karl Stolley
c651c4f668
icons: Place new log-in and log-out icons across UI.
2023-12-04 12:11:00 -08:00
Karl Stolley
08eb971523
left_sidebar: Adjust STREAMS header grid for spectators.
2023-11-30 08:38:26 -08:00
Karl Stolley
a376954a7a
left_sidebar: Respect unread display settings on STREAMS header.
...
Fixes : #27762
2023-11-29 13:33:19 -08:00
Karl Stolley
319cfc7d7f
left_sidebar: Establish better-centered DM row height.
...
Despite the existing comment in the CSS, the previous DM row was
22.5px tall. Adjusting the padding makes for 22px tall box, which
greatly improves the centering of the unread count within its
bounding box.
2023-11-28 15:04:38 -08:00
Karl Stolley
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
Karl Stolley
bfaa328bd7
left_sidebar: Make streams header sticky.
2023-11-21 09:16:43 -08:00
Karl Stolley
b04dd62f8a
left_sidebar: Preserve DM layout when zoomed into more conversations.
2023-11-16 09:21:48 -08:00
Karl Stolley
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
Karl Stolley
614abd58be
left_sidebar: Place unread count right of stream controls.
...
Fixes : #27380
2023-11-15 10:07:04 -08:00
Karl Stolley
b2c2afe374
left_sidebar: Keep all DM container rows to same right margin.
2023-11-14 16:43:28 -08:00
Karl Stolley
554f33d033
left_sidebar: Set shared right margin on DM section.
2023-11-13 08:27:28 -08:00
Karl Stolley
f2e8d2dc07
left_sidebar: Set border radius on rows for all states.
2023-11-09 17:39:26 -08:00
Karl Stolley
34475bf867
left_sidebar: Establish filter-handling grid on Streams, DM headers.
...
Fixes part of #27559 .
2023-11-09 17:39:26 -08:00
Karl Stolley
2235413c15
left_sidebar: Establish grid on Direct Messages header.
2023-11-09 17:39:26 -08:00
Karl Stolley
12bf754a8a
left_sidebar: Consolidate left-sidebar-title styles.
2023-11-09 17:39:26 -08:00
Karl Stolley
3f36c52f41
sidebars: Structurally separate left- and right-sidebar headings.
2023-11-09 17:39:26 -08:00
Anders Kaseorg
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
Aman Agrawal
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
Karl Stolley
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
Karl Stolley
9226e8bdca
left_sidebar: Use grid or flexbox to order selected home view.
2023-11-03 10:08:37 -07:00
Karl Stolley
5d2d8f9215
left_sidebar: Add logic and styles to show unreads on selected home view.
2023-11-03 10:08:37 -07:00
Karl Stolley
14ef3a5464
left_sidebar: Display dark-mode condensed unreads without alpha.
2023-11-03 09:33:06 -07:00
Karl Stolley
6784dee775
left_sidebar: Align 'more conversations' and 'back to streams'.
2023-11-02 09:56:29 -07:00
Karl Stolley
65ed4d0ac2
left_sidebar: Provide inline-grid layout for DM row status emoji.
2023-11-02 09:56:29 -07:00
Karl Stolley
b50a09f99e
left_sidebar: Set vertical alignment on 22px-tall DM row.
2023-11-02 09:56:29 -07:00
Karl Stolley
4e03209c76
left_sidebar: Establsh CSS Grid on DM rows.
2023-11-02 09:56:29 -07:00
Karl Stolley
825a7106c6
left_sidebar: Use DM identifiers around direct-messages list.
2023-10-30 10:14:28 -07:00
Karl Stolley
dcd891a176
left_sidebar: Use dm-list class.
2023-10-30 10:14:28 -07:00
Karl Stolley
01ca3e119b
left_sidebar: Use DM identifiers on DM containers.
2023-10-30 10:14:28 -07:00
Karl Stolley
f496b40cd6
left_sidebar: Use DM identifiers on DM list items.
2023-10-30 10:14:28 -07:00
Karl Stolley
9062c75481
left_sidebar: Use DM identifiers on DM row box.
2023-10-30 10:14:28 -07:00
Karl Stolley
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
Karl Stolley
3385d5862b
left_sidebar: Include right-hand padding on topic, nav labels.
2023-10-25 09:53:05 -07:00
Karl Stolley
4fac53e35c
left_sidebar: Restore and note positioning context for unread dots.
2023-10-25 08:17:11 -07:00
Tim Abbott
db05d7ef0c
css: Revert sidebar-menu-icon specificity change.
...
3ac0c3c401
incorrecly removed
specificity declarations needed to prevent that CSS from applying to
the right sidebar, which hasn't been properly prepared for this
change.
2023-10-24 16:23:30 -07:00
Aman Agrawal
2f33fad5df
left_sidebar: Add popover to make different views default.
...
Fixes #27324
2023-10-24 16:16:56 -07:00
Karl Stolley
1a18faaf02
left_sidebar: Increase size of condensed icons.
2023-10-24 12:29:45 -07:00
Karl Stolley
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
Karl Stolley
21908b7a9e
left_sidebar: Vertically align all vdots.
2023-10-24 12:29:45 -07:00
Karl Stolley
528f494d41
left_sidebar: Establish filter rows as grids.
2023-10-24 12:29:45 -07:00
Karl Stolley
56eaf9b153
left_sidebar: Place redesign icons in expanded views.
2023-10-24 12:29:45 -07:00
Karl Stolley
8e7265fbb4
left_sidebar: Correctly handle focus on views controls.
2023-10-20 12:27:19 -07:00
Karl Stolley
c3062e80bb
left_sidebar: Place redesigned icons in views popover.
2023-10-20 12:27:19 -07:00
Karl Stolley
2c8a688983
left_sidebar: Place redesign icons in condensed views.
2023-10-20 12:27:19 -07:00
Karl Stolley
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
Karl Stolley
41635566fd
left_sidebar: Improve logic for showing Scheduled messages.
2023-10-20 12:27:19 -07:00
Karl Stolley
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
Karl Stolley
4dd1bf7e32
left_sidebar: Expand and condense the VIEWS navigation.
2023-10-20 12:27:19 -07:00