Skip to content

fix: SplitButton should display correctly in high contrast mode#27137

Merged
jurokapsiar merged 3 commits into
microsoft:masterfrom
ling1726:fix/split-button-hc
Mar 9, 2023
Merged

fix: SplitButton should display correctly in high contrast mode#27137
jurokapsiar merged 3 commits into
microsoft:masterfrom
ling1726:fix/split-button-hc

Conversation

@ling1726

@ling1726 ling1726 commented Mar 9, 2023

Copy link
Copy Markdown
Contributor

Added the following changes so that SplitButton would display correctly in windows high contrast mode:

  • Applied transparent border in forced colours theme theme for primary split buttons
  • Applied transparent border in forced colours theme theme for disabled split buttons
  • Created a new data-url for the toggle indicator in forced colours theme
  • Add explicit system colour for the divider in forced colours theme

Previous Behavior

image

image

New Behavior

image

image

Fixes #27123

Added the following changes so that SplitButton would display correctly
in windows high contrast mode:

* Applied transparent border in top level theme for primary split
  buttons
* Applied transparent border in top level theme for disabled split
  buttons
* Created a new data-url for the toggle indicator in forced colours
  theme
* Add explicit system colour for the divider in forced colours theme

Before

After
@ling1726 ling1726 marked this pull request as ready for review March 9, 2023 08:44
@ling1726 ling1726 requested a review from a team as a code owner March 9, 2023 08:44
@fabricteam

fabricteam commented Mar 9, 2023

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

🤖 This report was generated against ddf9297f706ef97d6e41ab9548547b7725190a73

@size-auditor

size-auditor Bot commented Mar 9, 2023

Copy link
Copy Markdown

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: ddf9297f706ef97d6e41ab9548547b7725190a73 (build)

@codesandbox-ci

codesandbox-ci Bot commented Mar 9, 2023

Copy link
Copy Markdown

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 1ab967b:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-northstar)

⚠️ No perf measurements available

@fabricteam

Copy link
Copy Markdown
Collaborator

🕵 FluentUI-v0 No visual regressions between this PR and main

@jurokapsiar jurokapsiar merged commit c9a5d52 into microsoft:master Mar 9, 2023
GeoffCoxMSFT pushed a commit to GeoffCoxMSFT/fluentui that referenced this pull request Mar 14, 2023
…osoft#27137)

* fix: SplitButton should display correctly in high contrast mode

Added the following changes so that SplitButton would display correctly
in windows high contrast mode:

* Applied transparent border in top level theme for primary split
  buttons
* Applied transparent border in top level theme for disabled split
  buttons
* Created a new data-url for the toggle indicator in forced colours
  theme
* Add explicit system colour for the divider in forced colours theme

Before

After

* changelog

* revert changes in main theme
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

SplitButton does not display correct in high contrast mode

5 participants