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

Theme not working/supported for Menu Overlays from DropDown #4903

Closed
ctalpandey opened this issue Feb 16, 2017 · 6 comments
Closed

Theme not working/supported for Menu Overlays from DropDown #4903

ctalpandey opened this issue Feb 16, 2017 · 6 comments

Comments

@ctalpandey
Copy link

Environment(required)

  • antd version: Refer ####Re-producible online demo
  • OS and its version: Refer ####Re-producible online demo
  • Browser and its version: Refer ####Re-producible online demo

What did you do? Please provide steps to re-produce your problem.

Refer ####Re-producible online demo. Just added theme='dark' for menu in the Basic Example from antd-dropdown.

What do you expected?

The dropdown menu to appear with dark theme on hover over 'Hover Me'.

What happen?

The dropdown menu appeared with default/light theme.

Re-producible online demo

http://codepen.io/ctalpandey/pen/WRWbwN?editors=1111

It's forked from http://codepen.io/benjycui/pen/KgPZrE?editors=001.

@ctalpandey
Copy link
Author

Actually I am able to change the background-color using style prop for Menu. However when SubMenu is present in Menu list, its right-Expand-Menu-Arrow (.ant-dropdown-menu-submenu-title:after) remains black i.e. rgba(0, 0, 0, 0.43) and it can't be changed. Appreciate, if you can give example where this arrow can be changed (unless supported with theme for dowdown-overlay menu).

@benjycui
Copy link
Contributor

Just follow the design..

image

@ctalpandey
Copy link
Author

Sorry, I did not get it! Check below codepens:

http://codepen.io/ctalpandey/pen/vgMXGz?editors=1111
http://codepen.io/ctalpandey/pen/WRWbwN?editors=1111

Both codepens are same except the later codepen has theme='dark' added to Menu props, but still result is same i.e. theme is light in both cases (i.e. in dropdown menu)

@benjycui
Copy link
Contributor

According to our design, there is no dark theme in dropdown menu.

@afc163 afc163 closed this as completed in ddcc284 Feb 18, 2017
@ctalpandey
Copy link
Author

Thx afc163!

@lock
Copy link

lock bot commented May 2, 2018

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.

@lock lock bot locked as resolved and limited conversation to collaborators May 2, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants