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

feat(aci): add CollapsibleSection component #88868

Merged
merged 6 commits into from
Apr 7, 2025

Conversation

ameliahsu
Copy link
Member

@ameliahsu ameliahsu commented Apr 4, 2025

adding a new CollapsibleSection component to be used on monitor/automation creation pages

see stories here

Screenshot 2025-04-04 at 4 32 57 PM

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Apr 4, 2025
@ameliahsu ameliahsu marked this pull request as ready for review April 4, 2025 23:40
@ameliahsu ameliahsu requested a review from a team as a code owner April 4, 2025 23:40
@ameliahsu ameliahsu requested a review from natemoo-re April 4, 2025 23:40
Copy link
Member

@natemoo-re natemoo-re left a 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.

Copy link

codecov bot commented Apr 7, 2025

Codecov Report

All 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)};

Copy link
Member

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.

Suggested change
cursor: pointer;

@ameliahsu ameliahsu merged commit 552392f into master Apr 7, 2025
42 checks passed
@ameliahsu ameliahsu deleted the mia/aci/collapsible-section branch April 7, 2025 22:36
andrewshie-sentry pushed a commit that referenced this pull request Apr 8, 2025
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]>
Christinarlong pushed a commit that referenced this pull request Apr 10, 2025
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]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Scope: Frontend Automatically applied to PRs that change frontend components
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants