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

client: fix loading indicator bar alignment #396

Merged
merged 1 commit into from
Sep 11, 2021

Conversation

DopyConqueror
Copy link
Contributor

Description

This PR fixes the alignment of the middle bar of the loading indicator on the loading overlay and changes it to use flex instead of absolute positioning.
The indicator had a total height of 18px and in it three bars with a height of 3px each. This left 9px for margins split into 4px and 5px.
The indicator now has a height of 19px which leaves 10px for margins split evenly into 5px each.

Types of changes

  • Breaking change (changes that break backward compatibility of public API or CLI - semver MAJOR)
  • New feature (non-breaking change which adds functionality - semver MINOR)
  • Bug fix (non-breaking change which fixes an issue - semver PATCH)

@DopyConqueror
Copy link
Contributor Author

My account got flagged and got shadow banned for a couple of days, which hid my PRs, too. Everything is back to normal and I rebased onto master, so this PR is ready for review.

@jesec
Copy link
Owner

jesec commented Sep 9, 2021

any screenshot (before and after)?

@DopyConqueror
Copy link
Contributor Author

On the left is the current alignment and on the bottom the bar has a height of 5px:

flood_spinner

flood_spinner_scaled

@jesec jesec merged commit 0410b0b into jesec:master Sep 11, 2021
@DopyConqueror DopyConqueror deleted the loading-indicator-fix branch September 13, 2021 08:42
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