Refactor UI layout for improved screen real estate and theme polish - #347
Open
adityapandeydev wants to merge 2 commits into
Open
Refactor UI layout for improved screen real estate and theme polish#347adityapandeydev wants to merge 2 commits into
adityapandeydev wants to merge 2 commits into
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
This PR introduces a structural layout refresh for the user interface to improve screen real estate, fix text clipping issues, and refine the dark theme rendering.
Key Changes & Reasoning:
Top Navigation Bar: Moved the primary navigation (Profiles, Devices, Mappings) and action buttons from a left sidebar into a top header. This frees up significant horizontal space for the main content area, allowing the graph to be larger by default.
Settings Panel Width Adjustments: Increased the width of the main settings panel (from 420 to 460) and adjusted the DefaultLabelWidth. This fixes an issue where longer items in the ComboBox dropdowns (such as the "Synchronous" formula type) were getting visually cut off.
Layout Refactoring: Replaced absolute positioning and hardcoded margins in the Profile List and Chart views with standard StackPanel and Grid layouts. This ensures the application scales and resizes responsively without elements overlapping.
Hover State Rendering Fix: Removed slow BrushTransition animations from the navigation buttons. Animating from a transparent background to a solid color was causing Windows ClearType subpixel rendering to flash and fringe colors during the transition. The hover states now snap instantly, keeping the text crisp and the UI feeling responsive.
Dark Theme Palette: Updated the background and control brushes to a flatter, standard dark mode aesthetic.
(Please refer to the attached before and after screenshots for a visual comparison of the layout changes!)