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

Draft
wants to merge 8 commits into
base: main
Choose a base branch
from

Conversation

og-mrk
Copy link
Contributor

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

Note

The goal of this PR (Polishing UI) will require multiple days of continuous trial & error before finalizing the changes.. so I'll open this PR as draft for the time being.

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

image

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

Commit Summery

  • 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

Testing

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

Note

at the time of writing, compiling in PowerShell 5 does not work, this problem was fixed by @ruxunderscore in his PR (#2865), and it's waiting to be reviewed & merged, so for the time being... I recommend either compiling/running WinUtil from PowerShell 7 (PWSH), or applying Rux 's patches to compile & run under PowerShell 5.

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, but I had an Idea that we also may implement to combine styling logic of main window and customdialog. What do you think about it?

Copied this from discord server convo:

We could move the styles to a ressource director, making the existing xaml file easier to understand and maintanance on style/actual content easier. That entire resource directory could be then loaded into the xaml of the main window and the customdialog, making it's theming also way easier and identical to main window ones.

Can't really look into it rn, but this is what chatgpt suggested.
https://chatgpt.com/share/67041af5-119c-800d-b664-752030177f17

  • better maintainability
  • non redundant code for styling
  • style of both window and customdialogs are the same

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