Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

left_sidebar: Align more-topics indicator on topic grid. #30127

Merged
merged 2 commits into from
May 23, 2024

Conversation

karlstolley
Copy link
Contributor

This PR gets the .searching-for-more-topics indicator participating in the same grid used on other topic rows. A prep commit just flattens a selector in the area.

CZO discussion

Screenshots and screen captures:

Before After
more-topics-before more-topics-after
Self-review checklist
  • Self-reviewed the changes for clarity and maintainability
    (variable names, code reuse, readability, etc.).

Communicate decisions, questions, and potential concerns.

  • Explains differences from previous plans (e.g., issue description).
  • Highlights technical choices and bugs encountered.
  • Calls out remaining decisions and concerns.
  • Automated tests verify logic where appropriate.

Individual commits are ready for review (see commit discipline).

  • Each commit is a coherent idea.
  • Commit message(s) explain reasoning and motivation for changes.

Completed manual review and testing of the following:

  • Visual appearance of the changes.
  • Responsiveness and internationalization.
  • Strings and tooltips.
  • End-to-end functionality of buttons, interactions and flows.
  • Corner cases, error conditions, and easily imagined bugs.

@karlstolley karlstolley added integration review Added by maintainers when a PR may be ready for integration. area: left sidebar (ui) Left sidebar buttons/interactions excluding popovers labels May 17, 2024
@@ -337,7 +337,7 @@ export function initialize({
}): void {
$("#stream_filters").on(
"click",
".sidebar-topic-check, .topic-name, .topic-markers-and-controls",
".sidebar-topic-check, .sidebar-topic-name, .topic-markers-and-controls",
Copy link
Sponsor Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This line in topic_popover.js looks like it might need to also be updated, with some care around how the popover is also declared for .inbox-row .inbox-topic-menu

                    url = $elt.closest("li").find(".topic-name").expectOne().prop("href");              

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great catch. The if (instance.reference.classList.contains("inbox-topic-menu")) conditional appears to isolate the line you pointed out safely from the Inbox popover, and manual testing confirms that. But maybe there's something else I'm overlooking where I'm not exercising due care?

Copy link
Sponsor Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ahh, yes, quite so, reading the code to notice that block is the "some care" required :)

@timabbott timabbott merged commit 20d6dd1 into zulip:main May 23, 2024
6 checks passed
@timabbott
Copy link
Sponsor Member

Merged, thanks @karlstolley!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: left sidebar (ui) Left sidebar buttons/interactions excluding popovers integration review Added by maintainers when a PR may be ready for integration. size: L
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants