Skip to content
This repository was archived by the owner on Jan 20, 2022. It is now read-only.

feat(Menu): Update styling for *primary underlined* to match Teams style#107

Closed
miroslavstastny wants to merge 1 commit intomasterfrom
feat/menu-update-teams-underlined-styling
Closed

feat(Menu): Update styling for *primary underlined* to match Teams style#107
miroslavstastny wants to merge 1 commit intomasterfrom
feat/menu-update-teams-underlined-styling

Conversation

@miroslavstastny
Copy link
Collaborator

Menu underlined primary

Style of the underlined primary menu was updated to match Teams look and feel.

Stardust Before:

image

Stardust After:

image

Real Teams:

image

TODO

  • Conformance test
  • Minimal doc site example
  • Stardust base theme
  • Teams Light theme
  • Teams Dark theme
  • Teams Contrast theme
  • Confirm RTL usage
  • W3 accessibility check
  • Stardust accessibility check
  • Update glossary props table
  • Update the CHANGELOG.md

API Proposal

The main change is that previously the whole menu item was underlined but now only the caption is underlined.

I was thinking about implementing it conditionally using fitted prop but I do not see any use for the old look in Teams. For that reason I consider it the only look for underlined menu in Teams theme.

@codecov
Copy link

codecov bot commented Jul 18, 2018

Codecov Report

Merging #107 into master will decrease coverage by 0.05%.
The diff coverage is 0%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master     #107      +/-   ##
==========================================
- Coverage   69.94%   69.89%   -0.06%     
==========================================
  Files          74       74              
  Lines        1198     1199       +1     
  Branches      227      228       +1     
==========================================
  Hits          838      838              
- Misses        355      356       +1     
  Partials        5        5
Impacted Files Coverage Δ
src/components/Menu/menuVariables.ts 100% <ø> (ø) ⬆️
src/components/Menu/menuRules.ts 100% <ø> (ø) ⬆️
src/components/Menu/menuItemRules.ts 82.6% <0%> (-3.76%) ⬇️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5ac3ded...011a3ab. Read the comment docs.

@miroslavstastny
Copy link
Collaborator Author

Moved to microsoft/fluent-ui-react#20

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant