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]Add rounded corner and border support for some elements #118

Merged
merged 12 commits into from
Apr 22, 2024

Conversation

wyAbhishek
Copy link
Collaborator

@wyAbhishek wyAbhishek commented Apr 9, 2024

Description

This PR intends to add support for showBorder and roundedCorners properties.

showBorder Property

If value of this property is true, then we will show 1pt border. Border colour will be same as container's style, taken from host config. We will be supporting showing borders on the following elements:

  1. Container
  2. ColumnSet
  3. Column

Borders are already supported on the Table element. Default value is false.

roundedCorners Property

If value of this property is true then we will show rounded corner for element. Corner radius is 5pt.
We will be supporting rounded corners on the following elements:

  1. Container
  2. ColumnSet
  3. Column
  4. Table

We are adding rounded corner support for Image element also. But it will be enabled through existing ImageStyle property. So, style of Image can be Default, Person and now RoundedCorners.

Sample Card

Added some mock elements with showBorder and roundedCorner properties set to true.

Adding some screenshots for these changes below:
Simulator Screenshot - iPhone 15 Pro - 2024-04-09 at 09 40 03
Simulator Screenshot - iPhone 15 Pro - 2024-04-10 at 10 10 00

Simulator Screenshot - iPhone 15 Pro - 2024-04-09 at 09 47 44
Simulator Screenshot - iPhone 15 Pro - 2024-04-09 at 09 41 42

@dclaux
Copy link
Member

dclaux commented Apr 15, 2024

Looks good to me. I don't seem to be able to approve though. IU may not have write access to this repo.

Copy link
Collaborator

@ardlank ardlank left a comment

Choose a reason for hiding this comment

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

Review the shared changes and looks good to me. @GabrielMedAlv please review the iOS changes

@wyAbhishek wyAbhishek merged commit d6ac423 into main Apr 22, 2024
4 checks passed
@wyAbhishek wyAbhishek deleted the abhipandey/showBorder branch April 22, 2024 14:45
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.

5 participants