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

080624.01/comment and diff navigation #8898

Merged

Conversation

chidozieononiwu
Copy link
Member

@chidozieononiwu chidozieononiwu commented Aug 28, 2024

  • Add feature for navigating comments and diffs on the review page.
    CommentNavigation

DiffNavigation

@chidozieononiwu chidozieononiwu force-pushed the 080624.01/CommentAndDifnavigation branch 5 times, most recently from 9be995c to af3a56b Compare September 3, 2024 18:09
@praveenkuttappan
Copy link
Member

Let's discuss about this feature. I would prefer to see next and previous comment button like in the old system. Or even a button that becomes visible when you roll over the mouse. It does not feel like a right fit to put this in review page options panel.

@chidozieononiwu
Copy link
Member Author

Let's discuss about this feature. I would prefer to see next and previous comment button like in the old system. Or even a button that becomes visible when you roll over the mouse. It does not feel like a right fit to put this in review page options panel.

The advantage here is that the user does not need to find the first comment on the page before beginning to navigate. In some cases the first comment might be out of the view port. Also implementing a similar UI for diff is a bit cumbersome so I tough its best to put all the navigation UI in one place.

@praveenkuttappan
Copy link
Member

Let's discuss about this feature. I would prefer to see next and previous comment button like in the old system. Or even a button that becomes visible when you roll over the mouse. It does not feel like a right fit to put this in review page options panel.

The advantage here is that the user does not need to find the first comment on the page before beginning to navigate. In some cases the first comment might be out of the view port. Also implementing a similar UI for diff is a bit cumbersome so I tough its best to put all the navigation UI in one place.

I see your point. One problem with this approach is that when a user decides to hide the right-side panel to get more real estate then they won't be able to use this feature. So, they will be forced to use the panel to jump to next diff or comment. Can we a projected button at the top when scrolling over to go to first comment or diff similar to the icon button you had earlier added in revisions page.

@maririos
Copy link
Member

I talked offline with @chidozieononiwu that we can leave the diff arrows only on the side panel. The comment ones can happen both in the comments and in the side panel. Could you update the images with that change?

Looking at the imagines, what do you think about swapping the order to show prev on the left and next in the right? I was looking at some UI designs and they mentioned to put next on the right and to give only one button preference. https://fluent2.microsoft.design/components/web/react/button/usage

@chidozieononiwu chidozieononiwu self-assigned this Sep 10, 2024
@chidozieononiwu
Copy link
Member Author

I talked offline with @chidozieononiwu that we can leave the diff arrows only on the side panel. The comment ones can happen both in the comments and in the side panel. Could you update the images with that change?

Looking at the imagines, what do you think about swapping the order to show prev on the left and next in the right? I was looking at some UI designs and they mentioned to put next on the right and to give only one button preference. https://fluent2.microsoft.design/components/web/react/button/usage

Resolved

@chidozieononiwu chidozieononiwu force-pushed the 080624.01/CommentAndDifnavigation branch from 1885427 to 4d1f741 Compare September 12, 2024 00:57
@chidozieononiwu chidozieononiwu enabled auto-merge (squash) September 12, 2024 00:57
@chidozieononiwu chidozieononiwu merged commit f786382 into Azure:main Sep 12, 2024
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

3 participants