Skip to content

Refactor: Change components to better match designs#735

Merged
hhubert6 merged 10 commits intomainfrom
490-refactor-existing-components-to-match-figma-better
Sep 15, 2025
Merged

Refactor: Change components to better match designs#735
hhubert6 merged 10 commits intomainfrom
490-refactor-existing-components-to-match-figma-better

Conversation

@hhubert6
Copy link
Contributor

@hhubert6 hhubert6 commented Sep 9, 2025

Full list of changes:

  • Add background highlight to current node in components tree
  • Fix padding of collapsible and non-collapsible elements in components tree
  • Add background highlight of current page in navigation menu in dropdown
  • Fix padding of fullscreens (traces, assigns, filters):
  • Fix: traces separators are too short when content is not filling the modal of fullscreen
  • Fix buttons labels in global callbacks depending on screen width
  • Add "report issue" in global callbacks sidebar

Additionally when there is more then 32 LiveComponents they are displayed in a random order inside Components Tree (due to how Maps with integer keys work). That's why I sort them by cid which corresponds to the order of their render in a LiveView.

I made trace content preview hide on smallest width breakpoint we use as it doesn't present any useful information anymore and hiding it makes it more readable for me.
image

@hhubert6 hhubert6 linked an issue Sep 9, 2025 that may be closed by this pull request
@hhubert6 hhubert6 force-pushed the 490-refactor-existing-components-to-match-figma-better branch from f118df3 to 4b32895 Compare September 10, 2025 09:56
@hhubert6 hhubert6 requested a review from GuzekAlan September 15, 2025 08:44
@hhubert6 hhubert6 merged commit 08c02cb into main Sep 15, 2025
2 checks passed
@hhubert6 hhubert6 deleted the 490-refactor-existing-components-to-match-figma-better branch September 15, 2025 13:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Refactor existing components to match figma better

3 participants