Because of how Rubik treats form item fonts, the color module's 20em width of the color selection fields is not enough, which breaks the field when selected (see the image, left broken (20em), right fixed (30em)). Please incorporate the fix in the Rubik theme to have the color module work.

/* color module */
#palette .form-item {
    width: 30em !important;
}
CommentFileSizeAuthor
#2 1579182-02_rubik_and_color_module.patch853 byteshaydeniv
color-css-fix.png56.32 KBalexrayu
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

alexrayu’s picture

alexrayu CreditAttribution: alexrayu commented

Even better like this (fixing the "jumping" margins).

/* color module fix */
#palette .form-item {
    width: 30em !important;
    height: 2em;
    line-height: 2em;
    margin: 0.5em 0;
}
haydeniv’s picture

haydeniv CreditAttribution: haydeniv commented
Issue summary: View changes
FileSize
1579182-02_rubik_and_color_module.patch853 bytes

I had to take this a bit further to get some of the styling right when in a panels modal and when you hover over color set.

haydeniv’s picture

haydeniv CreditAttribution: haydeniv commented
Status: Needs review » Fixed

Committed to dev 6dab0ce

Thanks!

Status: Fixed » Closed (fixed)

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