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

Volumetric Viewer final style review #6657

Open
seanmiller26 opened this issue Jan 30, 2025 · 0 comments
Open

Volumetric Viewer final style review #6657

seanmiller26 opened this issue Jan 30, 2025 · 0 comments
Labels
design Design and/or UX ui ux

Comments

@seanmiller26
Copy link
Contributor

Slices:

  • The expand / collapse labels should also be functional and clickable elements. 10px margin between the words and caret.
  • We talked about not showing the coordinates on initial page load. But once a user has moved to any coordinate, the value show remain visible to the right of each respective axis label, even when collapsed.
  • Question: Can we flip the order of slice movement 0-128? Reasoning: The movement seems backwards, especially on the Y axis. I would expect the 10 Ahead to work its way down the slider, since it starts at the top. But it starts at the bottom and works its way up. May be counterintuitive for volunteers.
  • Style for '10 Ahead' button hover and click
Image

Cube:

  • The cube overlaps the toolbar at certain smaller browser sizes.
Image

The Figma shows the viewer with the new metatools bar below:
Image

  • Round the bottom left corner of the cube, as shown.

The histogram functions a lot better after filtering out slices with no data. Nice!

Overall layout:

  • Add a .5px stroke #A6A7A9 to all sides except the bottom. (Sorry to go back and forth on this!) Dark mode is ok as there are no strokes used.
  • Question: Anything we can do to keep both the slices and cube horizontally aligned / not transition to stacked alignment for a moderate screen size? Reasoning: A lot of users have a screen size of 1280px, and they won't be able to use the horizontal layout.

Initial thoughts: I like how the Task area starts to become responsive at smaller screen sizes. It gets as narrow as ~250px. Can we do that at larger screen sizes as well?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design Design and/or UX ui ux
Projects
None yet
Development

No branches or pull requests

1 participant