Panopoly includes a jQuery UI theme that makes .ui-widget-header "light on dark" in order to match the CTools modal's styling. The date picker, puts some <select> elements in the header, which are "dark on light" by default.

This works fine with Responsive Bartik and other themes, however, Bootstrap will reset the styles for <select> with color: inherit which changes the text color to white, while leaving the background white -- making it unreadable ("light on light").

Panopoly's jQuery UI theme should make sure that inputs inside .ui-widget-header have a dark color text so that Panopoly is compatible out-of-the-box with Bootstrap-based themes.

CommentFileSizeAuthor
#2 panopoly_core-bootstrap-date-picker-2849268-2.patch647 bytesdsnopek
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

dsnopek created an issue. See original summary.

dsnopek’s picture

dsnopek
he/him
Primary language English
Location USA
CreditAttribution: dsnopek commented
Status: Active » Needs review
FileSize
panopoly_core-bootstrap-date-picker-2849268-2.patch647 bytes

Here's a patch that works in my testing!

cboyden’s picture

cboyden CreditAttribution: cboyden commented
Status: Needs review » Reviewed & tested by the community

Been using this for a while on a Radix-based theme and it's working well.

  • dsnopek committed cee0d34 on 7.x-1.x 
    Update Panopoly Core for Issue #2849268 by dsnopek, cboyden: Date picker...
dsnopek’s picture

dsnopek
he/him
Primary language English
Location USA
CreditAttribution: dsnopek commented
Status: Reviewed & tested by the community » Fixed

Committed! Thanks!

  • dsnopek committed cee0d34 on 8.x-2.x 
    Update Panopoly Core for Issue #2849268 by dsnopek, cboyden: Date picker...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.