Skip to content

Conversation

@GBKS
Copy link
Contributor

@GBKS GBKS commented Jul 4, 2025

This is still a WIP, because I'd like to get feedback on a few things. Generally, I was looking to visually polish the activity and activity details screens. I am still becoming acquainted with the QML and how the various components are set up. This commit does:

  1. Add RGB values to the green color in the Theme, which can be used via Qt.rgba to calculate transparencies. I used this in a test for more complex visual amount rendering, but need to clarify something there before committing code. It looks like the transaction object is getting a pre-formatted amount assigned, and that there are two formatting functions (satsToBtcString and satsToRichBtcString). I am thinking it might be better if the transaction has the raw satoshi amount, and then components apply whatever formatting is needed for local display.
  2. Reduce the hover state for navigation items vertically, and center it.
  3. Lighten the separator component to match the design system.
  4. Fixes an issue with the Icon component that caused images to be cropped and incorrectly sized (still renders blurry).
  5. Tightens up some spacing in the activity list item to match the design system.
  6. Switches the Icon in the activity list item to an Image. The Icon component is based on a Button, so it's not quite appropriate. Also, Icon rendering gets blurry when the image is resized, while the Image renders crisp. I think there's a question here whether the Icon should be based on an image, or be called IconButton (and just be used for buttons).
  7. In transaction details, change the "Address" label to "To" or "From" based on the direction of the transaction.
  8. Makes transaction details amount semi-bold.

core-app-pr-250704

GBKS added 2 commits July 4, 2025 14:29
This is still a WIP, because I'd like to get feedback on a few things. This commit does:

- Lighten the separator component to match the design system
- Reduce the hover state for navigation items vertically, and center it
- Add RGB values to the green color in the Theme, which can be used via Qt.rgba to calculate transparencies (I used this in a test for more complex visual amount rendering, but need to clarify things there)
- In transaction details, change the "Address" label to "To" or "From" based on the direction of the transaction
- Makes transaction details amount bold
- Makes transaction details circle white for sends
- Tightens up some spacing in the activity list item to match the design system
- Fixes an issue with the Icon component that caused images to be cropped and incorrectly sizes
- Switches the Icon in the activity list item to an Image. The Icon component is based on a Button, so it's not quite appropriate. Also, Icon rendering gets blurry when the image is resized, while the Image renders crisp. I think there's a question here whether the Icon should be based on an image, or be called IconButton (and just be used for buttons)
Copy link
Owner

@johnny9 johnny9 left a comment

Choose a reason for hiding this comment

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

Looks like a lot of really nice changes in there

@GBKS
Copy link
Contributor Author

GBKS commented Jul 7, 2025

I just removed the greenRGB addition in Theme.qml, as we discussed.

@GBKS GBKS marked this pull request as ready for review July 8, 2025 09:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants