Dropdown menu with color options needs better styling

What’s your point ?

I don’t get it, didn’t I make the point quite clear with the screenshot?

The dropdown its options have a white background, you don’t properly see the colors you can pick.

user exp flaw and design flaw.

No, the screenshot showed the expected interface, so nothing was made clear by it at all.

The dropdown its options have a white background, you don’t properly see the colors you can pick.

Sound more like you need to recalibrate your screen – the background of the options is in the actual color of the choice.

Anyway, you’re welcome to send in a pull request with improvements: https://github.com/mjangda/plugin-notes

Oh and your thanks for making coloured backgrounds possible in the first place are noted…

I don’t think so… This has nothing to do with my screen but the way you use the style color property for your <options>.

<option value=”#F9F7E6″ style=”background-color: #F9F7E6; color: #F9F7E6;”>#F9F7E6</option>

The fix is an easy one:

.widefat * {
color: black !important;
}

But since your .css file is inactive and not used this does not work.

I could write a little jquery and delete the style color but that is useless.

You can just as easily edit your:

$note_color_style = ( ( $note_color !== $this->defaultcolor ) ? ' style="background-color: ' . $note_color . ';"' : '' );

I look forward to the pull request.

P.S.: the stylesheet is used, changes just need to be made in both the .css as well as the .min.css file (same goes for the js).

Done, never done a pull request before so I did two for each.

Don’t know how to do just one pull request for several file edits.