seamapi / react

Seam Components are a set of white-labeled UI elements that can be added to your application in seconds. Use them in any app as native web components or as React components and hooks.
https://react.seam.co
MIT License
6 stars 2 forks source link

fix: Hide border on `DetailRow:last-of-type` #596

Closed xplato closed 3 months ago

xplato commented 3 months ago

Fixes an issue where the border of the last DetailRow would be visible. This is because the SCSS uses the :not(:last-of-type) selector, which operates on element type. To fix it, we needed to make sure that DetailRow was the last div in any given child div. This PR simply wraps those two exceptional elements in an intermediary div.

Before

Under "Fan mode" and "Allow manual override"

Screenshot 2024-02-29 at 3 30 26 PM

After

Screenshot 2024-02-29 at 3 29 41 PM