Removing graph from small sized widgets and other tweaks #2472
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary of the pull request
When in small size, the widgets have very limited space to show meaningful information. The graph ends up occupying most of the space and make it impossible to see the actual data without scrolling. This change disables the graph from when the widgets are in small size and also adds some small changes to better use the space available.
References and relevant issues
https://microsoft.visualstudio.com/OS/_workitems/edit/49359135/
Detailed description of the pull request / Additional comments
On every core widget, the small size now does not show the generated graph.
For the CPU widget, the small size also does not show the list of most expensive proccess.
For the Memory widget, the paged memory will only be shown on the large size and the percentage of memory used only on medium and large size. Also, it uses an smaller font size when the widget size is small to avoid scrolling.
The GPU and Network widgets are still the same on all sizes, with further design changes needed as it still have the scroll enabled.
Validation steps performed
PR checklist