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

fix(ui): horizontal scroll on windows #187

Merged

Conversation

mmrrnn
Copy link
Collaborator

@mmrrnn mmrrnn commented Aug 27, 2024

Description

Scrollbar appears because font size is too large in the BlockHeightBg container - it's horizontal large text.
I tried to handle it as much responsive as possible - for different screen sizes and block number length.

Motivation and Context

How Has This Been Tested?

Tested on Windows Virtual Machine and Ubuntu

What process can a PR reviewer use to test or verify this change?

Breaking Changes

  • None
  • Requires data directory on base node to be deleted
  • Requires hard fork
  • Other - Please specify

@stringhandler stringhandler requested a review from NovaT82 August 27, 2024 18:39
@NovaT82
Copy link
Contributor

NovaT82 commented Aug 28, 2024

The sizing looks good. The background number just needs to move to the right a bit. On the design the bottom of the text is 4px from the right hand side of the screen. Attaching the design here so you can see:
Success

Copy link
Contributor

@NovaT82 NovaT82 left a comment

Choose a reason for hiding this comment

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

lgtm

@mmrrnn
Copy link
Collaborator Author

mmrrnn commented Aug 28, 2024

i found out it can't be that close since the scroll appears.

I'll try to reorganise those 3 elements to be styled independently

image

@mmrrnn mmrrnn force-pushed the fix_horizontal_scroll_on_windows branch from d77476c to 1dd1a56 Compare August 28, 2024 11:13
@mmrrnn
Copy link
Collaborator Author

mmrrnn commented Aug 28, 2024

Text is now practically on the exact right. It just looks like numbers are spaced from the right, but take a look at the comma.

@NovaT82
Copy link
Contributor

NovaT82 commented Aug 28, 2024

Looks good :)
Could you just add a z-index to the ruler, so it doesn't go in underneath the background number?

@stringhandler stringhandler added this pull request to the merge queue Aug 29, 2024
Merged via the queue into tari-project:main with commit 1ea63e8 Aug 29, 2024
6 checks passed
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.

3 participants