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 icon overlapping #4574

Merged
merged 7 commits into from
Oct 22, 2023

Conversation

sudhanshugautam2911
Copy link
Contributor

What change does this PR introduce?
This PR fixes the icons overlapping in Integration Store Test Providers Sidebar .

The change was in the CSS part, Initially margin property was applied on button but it was not working properly so my change fixed that problem.

Why was this change needed?

This change was needed because Icons overlapping do not look good and impact user experience.

Closes #4533

Other information (Screenshots)

Sharing Screenshots after changes
image

Before :
image

Copy link

@Vishal-K-988 Vishal-K-988 left a comment

Choose a reason for hiding this comment

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

great !

@Cliftonz
Copy link
Contributor

Thank you for doing this, however the spacing between each icon should be equal. Currently the horizontal ellipse and the X icon does not have the same spacing as the rest.

I would recommend using a flex box instead of just setting a margin.

Copy link
Contributor

@Cliftonz Cliftonz left a comment

Choose a reason for hiding this comment

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

We should be using something different then marginLeft to ensure that the spacing is equal between all icons.

@sudhanshugautam2911
Copy link
Contributor Author

Screenshot after these changes,

image

Now it look way better please check changes @Cliftonz

@Cliftonz
Copy link
Contributor

That look great, thanks for the contribution!

@djabarovgeorge djabarovgeorge merged commit 4cba528 into novuhq:next Oct 22, 2023
19 of 20 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

✨ Polishing: Integration Store Test Provider Sidebar - Overlaping Icons
4 participants