Skip to content

fix(list): remove uneeded border radius from items in inset list - #28830

Merged
averyrousseau merged 1 commit into
mainfrom
FW-5532
Jan 16, 2024
Merged

fix(list): remove uneeded border radius from items in inset list#28830
averyrousseau merged 1 commit into
mainfrom
FW-5532

Conversation

@averyrousseau

@averyrousseau averyrousseau commented Jan 15, 2024

Copy link
Copy Markdown
Contributor

Issue number: N/A


What is the current behavior?

In MD mode, items in an inset list currently receive their own border radius, separate from the border radius also applied to the inset list itself. The original intent was likely to ensure that the corners of the items don't spill out of the list. However, the item's border radius is no longer needed, for two reasons:

  1. MD has since added top/bottom padding to their lists (spec), which we've mirrored. This means the borders no longer line up anyway.
  2. Even if a developer removes the list's vertical padding (we set it on the host here, so it's easy to overwrite), inset lists currently have overflow: hidden set here, so the list's border radius still applies correctly even with the items' border radius removed.

What is the new behavior?

Item border radius in inset lists removed.

When testing locally, you may find it useful to increase the MD border radius value here so it's easier to see.

Does this introduce a breaking change?

  • Yes
  • No

Other information

@github-actions github-actions Bot added the package: core @ionic/core package label Jan 15, 2024
@averyrousseau
averyrousseau marked this pull request as ready for review January 15, 2024 19:45
@averyrousseau
averyrousseau requested a review from a team as a code owner January 15, 2024 19:45
@averyrousseau
averyrousseau requested review from liamdebeasi and removed request for a team January 15, 2024 19:45

@liamdebeasi liamdebeasi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good! I would consider this a fix though since it's removing buggy behavior.

@averyrousseau averyrousseau changed the title refactor(list): remove uneeded border radius from items in inset list fix(list): remove uneeded border radius from items in inset list Jan 16, 2024
@averyrousseau
averyrousseau added this pull request to the merge queue Jan 16, 2024
Merged via the queue into main with commit dbaaa5b Jan 16, 2024
@averyrousseau
averyrousseau deleted the FW-5532 branch January 16, 2024 16:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants