-
-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
feat(aci): add CollapsibleSection
component
#88868
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looking good but the markup needs some work! Styling details
can be a bit tricky, so I'd recommend diving into this CSS Tricks article.
Codecov ReportAll modified and coverable lines are covered by tests ✅ ✅ All tests successful. No failed tests found. Additional details and impacted files@@ Coverage Diff @@
## master #88868 +/- ##
===========================================
+ Coverage 42.13% 87.73% +45.60%
===========================================
Files 10058 10065 +7
Lines 568873 569006 +133
Branches 22435 22304 -131
===========================================
+ Hits 239722 499245 +259523
+ Misses 328740 69362 -259378
+ Partials 411 399 -12 |
border: 1px solid ${p => p.theme.border}; | ||
border-radius: ${p => p.theme.borderRadius}; | ||
padding: ${space(2)} ${space(2)}; | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Cursors remain a hotly debated topic in web circles, but our buttons use pointers, so this component probably should too.
cursor: pointer; |
adding a new `CollapsibleSection` component to be used on monitor/automation creation pages see stories [here](https://sentry-exxec9mu5.sentry.dev/stories/?name=app/components/workflowEngine/ui/collapsibleSection.stories.tsx&query=colla) <img width="783" alt="Screenshot 2025-04-04 at 4 32 57 PM" src="https://github.com/user-attachments/assets/c42d1d36-239f-4ac8-a03e-11395714a681" /> --------- Co-authored-by: Nate Moore <[email protected]>
adding a new `CollapsibleSection` component to be used on monitor/automation creation pages see stories [here](https://sentry-exxec9mu5.sentry.dev/stories/?name=app/components/workflowEngine/ui/collapsibleSection.stories.tsx&query=colla) <img width="783" alt="Screenshot 2025-04-04 at 4 32 57 PM" src="https://github.com/user-attachments/assets/c42d1d36-239f-4ac8-a03e-11395714a681" /> --------- Co-authored-by: Nate Moore <[email protected]>
adding a new
CollapsibleSection
component to be used on monitor/automation creation pagessee stories here