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

QSelect Ignoring color for popup-content-style #6539

Open
woloda375 opened this issue Mar 3, 2020 · 1 comment
Open

QSelect Ignoring color for popup-content-style #6539

woloda375 opened this issue Mar 3, 2020 · 1 comment
Labels
bug

Comments

@woloda375
Copy link

@woloda375 woloda375 commented Mar 3, 2020

Describe the bug
Q-select is ignoring "color" style for popup-content-style property alongside with "dark" property

jsFiddle
https://jsfiddle.net/a0vo5wcj/3/

To Reproduce
Expand options list of second q-select and please observe, that the text color for an options is not set to desired color (red)

Expected behavior
Expand options list of first q-select and please observe, that the text color for an options is set correctly to desired color (red)

Use case
Without this fix, there is impossible to proper styling an app, where exists a q-select on dark styled toolbar.

@woloda375 woloda375 added the bug label Mar 3, 2020
@hawkeye64
Copy link
Member

@hawkeye64 hawkeye64 commented Mar 3, 2020

@woloda375 I just ran into this myself. The work-around is:

Sass

.popup-content .q-item
  color: #616161 !important
  background: white

and then,
JavaScript

popup-content-class="popup-content"

Adjusted fiddle here: https://jsfiddle.net/Hawkeye64/ojkq91px/7/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
2 participants
You can’t perform that action at this time.