Skip to content

Manual proportions visual fixes #1449

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

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

Polymoria
Copy link
Contributor

Changes:

  • Added an info icon that you can hover over or click on mobile to display an info tooltip. Explanation: Now you won't get a tooltip if your mouse hovered on the space in the middle of the block, which looked a bit random, especially without a reaction of the body part name to the hover. Now you see the tooltip only if you need info about that body part.
  • Opacity of the incrementation buttons was changed: you don't need to have them that transparent when they are out of hover, it messes with the contrast, and you need to hover on each of them if you want to read them comfortably. Now you don't need to hover them for that, but opacity changes on hover anyway to show subtly that blocks are hovered :3
  • I'm changing the scale of the "more proportion" down arrow when you hover, I think it's cool, instead of when nothing happens.

Also, I didn't add an SVG for that icon because I don't think I need SVG for an I and border around it :D

Changes:

- Added info icon that you can hover/click on mobile to get info tooltip. Explanation: now you wont get tooltip if your mouse hovered on the empty space in the middle of the block, which looked a bit random, especially without reaction of the body part name to the hover. Now you see tooltip only if you need info about that body part.
- Opacity of the incrementation buttons was changed: you dont really need to have them that transparent when they out of hover, it is messing with a contrast and you need to hover on each of them if you want to comfortably read them. Now you don't need to hover them for that, but opacity changes on hover anyway to show subtly that block are hovered :3
- I change scale of the "more proportion" down arrow when you hover, i think its cool instead of when nothing happens.

Also i didn't added an svg for that icon because i don't think i really need svg for an i and border around it :D
@github-actions github-actions bot added the Area: GUI Related to the GUI label May 30, 2025
@Polymoria
Copy link
Contributor Author

image

@Polymoria
Copy link
Contributor Author

@loucass003 @ImUrX Should I fix something here?

Copy link
Member

@ImUrX ImUrX left a comment

Choose a reason for hiding this comment

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

I think the IncrementButton should have bg-background-60 and when its inside the ratio dropdown it should be bg-background-40

@ImUrX ImUrX added the Type: Enhancement Adds or improves a feature label Jun 1, 2025
Made a little logic that allows to control button increment component bg
@Polymoria Polymoria requested a review from ImUrX June 3, 2025 03:56
@Polymoria
Copy link
Contributor Author

Changed the name of the boolean prop for the IncrementButton to bgDark, when its false its light

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: GUI Related to the GUI Type: Enhancement Adds or improves a feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants