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

IOS-9281 weird rounded border #300

Closed

Conversation

amegias
Copy link
Contributor

@amegias amegias commented Aug 30, 2023

🎟️ Jira ticket

https://jira.tid.es/browse/IOS-9281

πŸ₯… What's the goal?

Fix this:
Captura de pantalla 2023-08-30 a las 15 43 13

🚧 How do we do it?

I've just changed .continuous to .circular: 23333c6

PLEASE REVIEW IT COMMIT BY COMMIT:

πŸ§ͺ How can I verify this?

  • Tests
  • The Catalog app should keep working properly

πŸ‘ AppCenter build

@yceballost could you help us validate the corner radius on the buttons?? especially in Vivo-New
https://install.appcenter.ms/orgs/tuenti-organization/apps/mistica-swiftui-ios/distribution_groups/public/releases/25

@amegias amegias changed the base branch from main to IOS-9146-BottomSheet-actions August 30, 2023 13:23
@amegias amegias force-pushed the IOS-9282-weird-rounded-border branch from 545b372 to c3b737c Compare August 30, 2023 13:37
@@ -278,7 +278,6 @@ private extension Button {
}

func setUpView() {
layer.cornerCurve = .continuous
Copy link
Contributor Author

Choose a reason for hiding this comment

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

circular by default => it fixes the issue πŸ₯³

@@ -35,33 +35,33 @@ private struct CornerRadiusModifier: ViewModifier {
.overlay(Capsule().stroke(borderColor, lineWidth: lineWidth))
case .button:
content
.clipShape(RoundedRectangle(cornerRadius: MisticaConfig.currentCornerRadius.button, style: .continuous))
.overlay(RoundedRectangle(cornerRadius: MisticaConfig.currentCornerRadius.button, style: .continuous).stroke(borderColor, lineWidth: lineWidth))
.clipShape(RoundedRectangle(cornerRadius: MisticaConfig.currentCornerRadius.button))
Copy link
Contributor Author

Choose a reason for hiding this comment

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

circular by default => it fixes the issue πŸ₯³

@amegias amegias marked this pull request as ready for review August 30, 2023 13:54
@amegias amegias closed this Aug 30, 2023
@amegias amegias deleted the IOS-9282-weird-rounded-border branch August 30, 2023 14:23
@amegias
Copy link
Contributor Author

amegias commented Aug 30, 2023

it fixes the issue with the snapshots (tests) but the buttons look worse in prod:

before (smooth)

before

after

after

@amegias amegias changed the title Ios 9282 weird rounded border IOS-9281 weird rounded border Aug 30, 2023
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.

1 participant