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(IconButton): add borderRadius to button's overlay #1127

Merged
merged 2 commits into from
May 28, 2024

Conversation

marcoskolodny
Copy link
Contributor

Issue: Link

Copy link

github-actions bot commented May 22, 2024

Size stats

master this branch diff
Total JS 10.7 MB 10.7 MB -8 B
JS without icons 1.92 MB 1.92 MB -8 B
Lib overhead 52.1 kB 52.1 kB 0 B
Lib overhead (gzip) 14 kB 14 kB 0 B

@@ -417,6 +417,7 @@ export const overlay = style({
width: '100%',
height: '100%',
backgroundColor: 'transparent',
borderRadius: '50%',
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I have no idea why the overlay was rounded in most cases, but not in Popover (only in iOS).

This fixes the issue

Copy link

github-actions bot commented May 22, 2024

Accessibility report
✔️ No issues found

ℹ️ You can run this locally by executing yarn audit-accessibility.

@@ -569,7 +569,7 @@ export const BaseTooltip: React.FC<BaseTooltipProps> = ({

{onClose && (
<div className={styles.closeButtonIcon}>
<InternalIconButton
<IconButton
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Not related. We can use IconButton here, we are not using hasOverlay/isOverMedia in here

Copy link

github-actions bot commented May 22, 2024

Deploy preview for mistica-web ready!

✅ Preview
https://mistica-dm62kr2a6-flows-projects-65bb050e.vercel.app

Built with commit c6510ce.
This pull request is being automatically deployed with vercel-action

Copy link
Contributor

@yceballost yceballost left a comment

Choose a reason for hiding this comment

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

🫶

@marcoskolodny marcoskolodny added this pull request to the merge queue May 28, 2024
@github-merge-queue github-merge-queue bot removed this pull request from the merge queue due to failed status checks May 28, 2024
@marcoskolodny marcoskolodny enabled auto-merge May 28, 2024 22:21
@marcoskolodny marcoskolodny added this pull request to the merge queue May 28, 2024
Merged via the queue into master with commit 5c4a665 May 28, 2024
11 checks passed
@marcoskolodny marcoskolodny deleted the WEB-1879-fix-icon-button-overlay-radius branch May 28, 2024 22:38
tuentisre pushed a commit that referenced this pull request May 30, 2024
# [15.10.0](v15.9.0...v15.10.0) (2024-05-30)

### Bug Fixes

* **IconButton:** add borderRadius to button's overlay ([#1127](#1127)) ([5c4a665](5c4a665))

### Features

* **Skin:** Movistar new a11y colors ([#1126](#1126)) ([1b203f4](1b203f4))
@tuentisre
Copy link
Collaborator

🎉 This PR is included in version 15.10.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants