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

style(feedback): adjust some feedback list css #73983

Merged
merged 5 commits into from
Jul 12, 2024
Merged

Conversation

michellewzhang
Copy link
Member

@michellewzhang michellewzhang commented Jul 8, 2024

major changes:

  • entire purple border when item selected (add back in card spacing)
  • better spacing between grid
  • updated font sizes
  • we only show 1 line of preview now to have more consistent spacing
before after figma
SCR-20240711-mhzt SCR-20240711-mhui SCR-20240711-mime

before:

Screen.Recording.2024-07-11.at.1.46.01.PM.mov

after:

trim_after.mov

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Jul 8, 2024
Copy link

codecov bot commented Jul 8, 2024

Codecov Report

Attention: Patch coverage is 0% with 17 lines in your changes missing coverage. Please review.

Project coverage is 78.07%. Comparing base (602b22c) to head (ebcbf75).
Report is 192 commits behind head on master.

Additional details and impacted files
@@            Coverage Diff             @@
##           master   #73983      +/-   ##
==========================================
- Coverage   78.11%   78.07%   -0.05%     
==========================================
  Files        6656     6669      +13     
  Lines      297664   298371     +707     
  Branches    51223    51371     +148     
==========================================
+ Hits       232535   232967     +432     
- Misses      58860    59069     +209     
- Partials     6269     6335      +66     
Files Coverage Δ
...pp/components/feedback/list/feedbackListHeader.tsx 0.00% <ø> (ø)
.../app/components/feedback/list/feedbackListItem.tsx 0.00% <0.00%> (ø)

... and 341 files with indirect coverage changes

Copy link
Contributor

@Jesse-Box Jesse-Box left a comment

Choose a reason for hiding this comment

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

Looks great Michelle, the only thing we need to do is re-align the checkbox in the header :)
Screenshot 2024-07-12 at 09 44 56

Copy link
Member

@c298lee c298lee left a comment

Choose a reason for hiding this comment

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

not my test feedbacks 😭

@michellewzhang
Copy link
Member Author

michellewzhang commented Jul 12, 2024

not my test feedbacks 😭

HEHHEHE my fav thing to test with @c298lee

@michellewzhang michellewzhang merged commit 0b130ee into master Jul 12, 2024
42 of 43 checks passed
@michellewzhang michellewzhang deleted the mz/feedback-css branch July 12, 2024 18:51
priscilawebdev pushed a commit that referenced this pull request Jul 13, 2024
- closes #73628
- adjust uf linked card styles so they align with the [figma
designs](https://www.figma.com/design/DIlstrVINTYNJad4BS0f9L/Assets%3A-User-Feedback-Product-UI?node-id=2-2&t=30176FG9PWWaw0zS-0)

major changes:
- entire purple border when item selected (add back in card spacing)
- better spacing between grid
- updated font sizes
- we only show 1 line of preview now to have more consistent spacing

| before | after | figma |
| --- | --- | --- |
| <img width="420" alt="SCR-20240711-mhzt"
src="https://github.com/getsentry/sentry/assets/56095982/3f2f9549-58ec-4bbb-a5b2-43e3047e8da5">|
<img width="406" alt="SCR-20240711-mhui"
src="https://github.com/getsentry/sentry/assets/56095982/f8a2df8d-ddf4-4303-8558-139e8be4c83b">
| <img width="426" alt="SCR-20240711-mime"
src="https://github.com/getsentry/sentry/assets/56095982/05e022fb-c44a-4b02-b906-5ceb1059eff1">
|



before:


https://github.com/getsentry/sentry/assets/56095982/f325a915-762b-4353-b710-ae3e452daed2

after:


https://github.com/getsentry/sentry/assets/56095982/b6c3caff-2fa7-42a2-93fa-e09a0fa9016f
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.

[User Feedback] List Item CSS Tweaks
4 participants