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

ContextualMenu: Updated styles for expanded menu item to match toolkit #3444

Merged
merged 6 commits into from
Nov 22, 2017

Conversation

lynamemi
Copy link
Collaborator

@lynamemi lynamemi commented Nov 21, 2017

Pull request checklist

Description of changes

  • Updated styles for expanded menu item to match toolkit.
  • The semantic slot update will only effect ContextualMenu. A PR I have out for ComboBox removes its reference to that slot.
  • Font weight does not change in the expanded state.
  • ContextualMenuCustomizationExample was overwritten in a recent PR. Putting it back.

Before
contextualmenu before

After
image

Focus areas to test

(optional)

@lynamemi lynamemi changed the title ContextualMenu: ContextualMenu: Updated styles for expanded menu item to match toolkit Nov 21, 2017
"changes": [
{
"packageName": "office-ui-fabric-react",
"comment": "ContextualMenu: Updated exampanded menu item style to match toolkit.",
Copy link
Contributor

Choose a reason for hiding this comment

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

"expampanded"
spelling

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

example + expanded! 😄

@@ -40,7 +40,7 @@ $buttonTextCheckedHoveredColor: "[theme:buttonTextCheckedHovered, default: #0000

/* Menus */
$menuItemBackgroundHoveredColor: "[theme:menuItemBackgroundHovered, default: #f8f8f8]";
$menuItemBackgroundCheckedColor: "[theme:menuItemBackgroundChecked, default: #d0d0d0]";
$menuItemBackgroundCheckedColor: "[theme:menuItemBackgroundChecked, default: #eaeaea]";
Copy link
Contributor

Choose a reason for hiding this comment

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

i thought we were going to set it to no background?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Can you elaborate?

Copy link
Contributor

Choose a reason for hiding this comment

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

@lynamemi I thought the design was to have it have a white, blank background, but ignore me if that's the case.

Copy link
Contributor

Choose a reason for hiding this comment

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

nevermind, I thought this was something else

@lynamemi lynamemi merged commit 4e590b0 into microsoft:master Nov 22, 2017
@lynamemi lynamemi deleted the contextualmenu-bug branch November 22, 2017 23:03
taggie05 pushed a commit to taggie05/office-ui-fabric-react that referenced this pull request Nov 27, 2017
microsoft#3444)

* Fixed replaced example

* updated styles to match toolkit

* Added change files

* updated deprecated sematic slots

* Update contextualmenu-bug_2017-11-21-19-43.json

* Update contextualmenu-bug_2017-11-21-19-43.json
ohritz pushed a commit to ohritz/office-ui-fabric-react that referenced this pull request Dec 5, 2017
microsoft#3444)

* Fixed replaced example

* updated styles to match toolkit

* Added change files

* updated deprecated sematic slots

* Update contextualmenu-bug_2017-11-21-19-43.json

* Update contextualmenu-bug_2017-11-21-19-43.json
chrismohr pushed a commit to chrismohr/office-ui-fabric-react that referenced this pull request Apr 17, 2018
microsoft#3444)

* Fixed replaced example

* updated styles to match toolkit

* Added change files

* updated deprecated sematic slots

* Update contextualmenu-bug_2017-11-21-19-43.json

* Update contextualmenu-bug_2017-11-21-19-43.json
@microsoft microsoft locked as resolved and limited conversation to collaborators Aug 31, 2019
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.

Contextual menu selected items are not to spec
2 participants