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

Upgraded Dismiss button to be legible at 225% text display setting #4249

Merged

Conversation

XAML-Knight
Copy link
Contributor

@XAML-Knight XAML-Knight commented Sep 15, 2021

Fixes #3467

PR Type

What kind of change does this PR introduce?

Bugfix

What is the current behavior?

The 'X' inside the Dismiss button, becomes off-center and generally unreadable when user sets Windows text display to 225%

What is the new behavior?

The 'X' inside the Dismiss button is legible at Windows text display setting of 225%

image

PR Checklist

Please check if your PR fulfills the following requirements:

  • Tested code with current supported SDKs
  • New component
    • Pull Request has been submitted to the documentation repository instructions. Link:
    • Added description of major feature to project description for NuGet package (4000 total character limit, so don't push entire description over that)
    • If control, added to Visual Studio Design project
  • Sample in sample app has been added / updated (for bug fixes / features)
  • New major technical changes in the toolkit have or will be added to the Wiki e.g. build changes, source generators, testing infrastructure, sample creation changes, etc...
  • Tests for the changes have been added (for bug fixes / features) (if applicable)
  • Header has been added to all new source files (run build/UpdateHeaders.bat)
  • Contains NO breaking changes

Other information

@ghost
Copy link

ghost commented Sep 15, 2021

Thanks XAML-Knight for opening a Pull Request! The reviewers will test the PR and highlight if there is any conflict or changes required. If the PR is approved we will proceed to merge the pull request 🙌

@ghost ghost requested review from michael-hawker and azchohfi September 15, 2021 21:39
@XAML-Knight XAML-Knight self-assigned this Sep 15, 2021
@ghost ghost requested a review from Rosuavio September 15, 2021 21:39
@ghost ghost added accessibility ♿ bug 🐛 An unexpected issue that highlights incorrect behavior controls 🎛️ labels Sep 15, 2021
@ghost ghost added the accessibility ♿ label Sep 15, 2021
@XAML-Knight
Copy link
Contributor Author

Opened a similar issue for the neighboring OK & Cancel buttons #4250.

  • Applying a similar fix (padding) for this pair of buttons was not initially showing promise, but decided to open up a new issue for them

Style="{StaticResource DismissTextBlockButtonStyle}">
<Button.RenderTransform>
<TranslateTransform x:Name="DismissButtonTransform" X="25" Y="-5"/>
<TranslateTransform x:Name="DismissButtonTransform" X="20" Y="2"/>
Copy link
Contributor

Choose a reason for hiding this comment

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

You are using Y="1" in the .bind. I guess we should have the same value in the two files ?

Copy link
Member

Choose a reason for hiding this comment

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

@XAML-Knight any reason for this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I went with what looked good, visually. Would be nice to have a consistent layout, even though the difference is only 1 pixel between the two button transforms.

@michael-hawker michael-hawker merged commit 6ed7721 into CommunityToolkit:main Sep 16, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility ♿ bug 🐛 An unexpected issue that highlights incorrect behavior controls 🎛️ UI issue 🥅
Projects
None yet
Development

Successfully merging this pull request may close these issues.

InAppNotification dismiss button is cut when using 225% text scaling
3 participants