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

[UI/UX] Update the look & feel of the GUI #2884

Open
wants to merge 13 commits into
base: main
Choose a base branch
from

Conversation

og-mrk
Copy link
Contributor

@og-mrk og-mrk commented Oct 7, 2024

Type of Change

  • UI/UX improvement

Description

Makes several changes to the UI to polish the looks & feels of GUI.

Add @CodingWonders to the About Dialog (under MicroWin) - commit b001842

An image that shows the Updated About Page of WinUtil

Add a Link Hover Effect for About & Sponsors Windows

2024_10_07-ui_ux_pr_hover_link_effect_on_about_showcase 2024_10_07-ui_ux_pr_hover_link_effect_on_sponsors_showcase

Settings Popup not closing properly - Before & After

2024_10_25-ui_ux_pr_before_fixing_settings_popup_not_working_properly

2024_10_26-ui_ux_pr_after_fixing_settings_popup_not_working_properly

Commit Summery (oldest to newest)

  • b001842 Add @CodingWonders to the About page for his contribution and determination to make WinUtil (and MicroWin) the best software it can be!
  • cb21a39 Remove the 'LogoSize' Parameter for About page - Make every sponsor in the sponsors list a link to ChrisTitusTech's Sponsors web link
  • ce5ebca Change Theme Option name from 'ConfigTabButtonFontSize' to 'ConfigUpdateButtonFontSize' - Lower its value from 16 to 14
  • 12446c5 Change Theme Option name from 'FontSizeHeading' to 'HeadingFontSize' for consistency
  • 46e457d Update 'LinkForegroundColor' for Light Theme to be lighter which'll make link hover color more noticeable
  • 1502443 Update 'Show-CustomDialog' Private Function
    • Made a lot of theming/styling choices for Custom Dialogs exposed as parameters.
    • Update the documentation for these new parameters in 'Show-CustomDialog' Function.
    • Add a Link Hover Effect using 'Add_EVENT' methods (This can be tweaks/tuned-down if needed).
    • Made use of 'Title' Parameter for 'Show-CustomDialog' Function inside 'scripts/main.ps1' script, to change Dialog Window Title.
    • Now you can change the Logo Size of WinUtil through the 'LogoSize' Theming Option (the option was there, but not used in implementation).
  • d535e7e Preprocessing result
  • 0e7a34c Merge branch 'main' into ui-ux/update-to-look-and-feel-of-the-ui
  • 2b2b11e Fix Settings Popup not closing after losing focus - Add trivial null checks for better debugging of UI code
  • dcbca3d Remove unnecessary whitespace indentation in 'main.ps1' script
  • fb21479 Add a new 'Invoke-WPFPopup' Function to Better Handle Showing/Hiding/Toggling of Popups
  • e6c1394 Merge branch 'main' into ui-ux/update-to-look-and-feel-of-the-ui
  • fc53ca8 Improve 'Invoke-WPFPopup' by @MyDrift-user

Testing

So far, WinUtil Compiles and runs successfully, on both PS 5 & 7.

Impact

This'll improve the user experience a bit by making the UI more polished.

Additional Information

If anyone has the time to test this PR & provide feedback on the changes, then it'll be appreciated 😄

Checklist

  • My code adheres to the coding and style guidelines of the project.
  • I have performed a self-review of my own code.
  • I have commented my code, particularly in hard-to-understand areas.
  • I have made corresponding changes to the documentation.
  • My changes generate no errors/warnings/merge conflicts.

…nation to make WinUtil (and MicroWin) the best software it can be!
…n the sponsors list a link to ChrisTitusTech's Sponsors web link
…ateButtonFontSize' - Lower its value from 16 to 14
- Made a lot of theming/styling choices for Custom Dialogs exposed as parameters.
- Update the documentation for these new parameters in 'Show-CustomDialog' Function.
- Add a Link Hover Effect using 'Add_EVENT' methods (This can be tweaks/tuned-down if needed).
- Made use of 'Title' Parameter for 'Show-CustomDialog' Function inside 'scripts/main.ps1' script, to change Dialog Window Title.
- Now you can change the Logo Size of WinUtil through the 'LogoSize' Theming Option (the option was there, but not used in implementation).
@og-mrk og-mrk changed the title UI ux/update to look and feel of the UI [UI/UX] Update the look & feel of the GUI Oct 7, 2024
Copy link
Contributor

@CodingWonders CodingWonders left a comment

Choose a reason for hiding this comment

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

This is a good change. LGTM. Thanks, @og-mrk!

By the way, I like the mention in the About screen

@MyDrift-user
Copy link
Contributor

MyDrift-user commented Oct 7, 2024

I like this.

@og-mrk og-mrk force-pushed the ui-ux/update-to-look-and-feel-of-the-ui branch from dcbca3d to 411bc66 Compare October 25, 2024 10:08
@MyDrift-user MyDrift-user mentioned this pull request Nov 19, 2024
9 tasks
@og-mrk og-mrk marked this pull request as ready for review November 20, 2024 12:37
@og-mrk og-mrk mentioned this pull request Nov 20, 2024
6 tasks
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.

3 participants