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

List View: Consider removing cell animation to improve scannability #50750

Closed
richtabor opened this issue May 18, 2023 · 2 comments · Fixed by #50823
Closed

List View: Consider removing cell animation to improve scannability #50750

richtabor opened this issue May 18, 2023 · 2 comments · Fixed by #50823
Assignees
Labels
[Feature] List View Menu item in the top toolbar to select blocks from a list of links. [Type] Enhancement A suggestion for improvement.

Comments

@richtabor
Copy link
Member

There's a slight animation (via CSS transition) delaying the visibility of the menu cell. It leads to a bit of inconsistency in how items are transitioned to a hover state as you scan the List view block (as the text hover style is immediate).

While I'm a proponent of animation, I do think that in the context of the List View (where speed and accuracy are paramount and there are lots of moving pieces) we should reduce the transitions.

Current

CleanShot.2023-05-18.at.13.50.59.mp4

Proposed

CleanShot.2023-05-18.at.13.51.50.mp4

Another potential follow-up would be to apply a background color to the hover state, instead of a text color change, so that the text and icon colors remain the same (but that's another discussion point, as its not done elsewhere).

Also, scannability might not be a word :)

@richtabor richtabor added [Type] Enhancement A suggestion for improvement. Needs Design Feedback Needs general design feedback. [Feature] List View Menu item in the top toolbar to select blocks from a list of links. labels May 18, 2023
@Ren2049
Copy link

Ren2049 commented May 18, 2023

@richtabor
Nice. Talking about list view working speed, what is your opinion about these two issues?

#50717

#50716

@jasmussen
Copy link
Contributor

Agreed. Let's put it in the ux board.

@jasmussen jasmussen added Needs Dev Ready for, and needs developer efforts and removed Needs Design Feedback Needs general design feedback. labels May 19, 2023
@jasmussen jasmussen added this to Polish May 19, 2023
@jasmussen jasmussen moved this to Needs development in Polish May 19, 2023
@talldan talldan self-assigned this May 22, 2023
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label May 22, 2023
@talldan talldan moved this from Needs development to In progress in Polish May 22, 2023
@talldan talldan removed the Needs Dev Ready for, and needs developer efforts label May 22, 2023
@priethor priethor moved this from In progress to Done in Polish May 23, 2023
@priethor priethor removed the [Status] In Progress Tracking issues with work in progress label May 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] List View Menu item in the top toolbar to select blocks from a list of links. [Type] Enhancement A suggestion for improvement.
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

5 participants