area/ui: Parca design refresh
Note: PR #4959 should be looked at, reviewed, and merged in before taking a look at this PR. i.e. #4959 takes precedence over this.
- [x] Implement new design for navbar
- [x] Implement new design for profile explorer i.ie getting rid of whitespace
- [x] Implement a "Simple" and "Advanced" toggle for the query browser
- [x] Implement new minimalistic visualization toolbar
- [x] Implement settings page
Follow up: Implement new design for compare page
🤖 Meticulous spotted visual differences in 640 of 680 screens tested: view and approve differences detected.
Last updated for commit bd1b96d. This comment will update as new commits are pushed.
Three small things:
- I believe the original design had a horizontal line after the metrics graph, I feel like this was nice to separate the two sections.
- The iciclegraph still has a box around it, if anything, then I think the main visualization should be the thing that uses the most pixels possible.
- Perhaps this can be integrated in 1, but the original design also had a button for hiding the metrics graph. I feel like it would be nice to have this.
May not be directly from this PR, but looks like the min-w on the sum-by input got lost, making it difficult to see the values easily.
May not be directly from this PR, but looks like the
min-won the sum-by input got lost, making it difficult to see the values easily.![]()
thanks for pointing out, will take a look at that.
Three small things:
- I believe the original design had a horizontal line after the metrics graph, I feel like this was nice to separate the two sections.
- The iciclegraph still has a box around it, if anything, then I think the main visualization should be the thing that uses the most pixels possible.
- Perhaps this can be integrated in 1, but the original design also had a button for hiding the metrics graph. I feel like it would be nice to have this.
these are all good points. I'll make sure to implement them