Problem/Motivation

In IE9 the dropbutton (for example used in node save button) is almost unreadable because of the lack of background color.
The root problem is that IE9 (and below) does not support background gradients.

Proposed resolution

Give a background-color as a fallback for IE. In the CSS rule
.js .form-actions .dropbutton-widget

The same bug was fixed some months ago for primary buttons #2236315: Missing color of primary buttons in Seven Theme

Remaining tasks

Review patch

User interface changes

it will affect only to Internet Explorer 9 and below.

API changes

CommentFileSizeAuthor
#1 2401573-1-fix-dropbutton-ie9.patch588 bytescorbacho
ie9.gif58.87 KBcorbacho

Comments

corbacho’s picture

corbacho commented
Status: Active » Needs review
StatusFileSize
new 2401573-1-fix-dropbutton-ie9.patch588 bytes
lewisnyman’s picture

lewisnyman
he/him
commented
Status: Needs review » Reviewed & tested by the community
Issue tags: +CSS, +IE

Simple enough, thanks David. We should make sure we are adding fallback colours everywhere we use gradients.

idebr’s picture

idebr commented

Sorry for the off-topic comment, but what software did you use to create a gif file like that?

webchick’s picture

webchick
she/they
Primary language English
Location Vancouver 🇨🇦
commented
Status: Reviewed & tested by the community » Fixed

Committed and pushed to 8.0.x. Thanks!

  • webchick committed c42925b on 8.0.x 
    Issue #2401573 by corbacho: Fix dropbutton color for IE9
corbacho’s picture

corbacho commented

thanks

@LewisNyman Good idea, I will double check
@idebr I use LICEcap

Status: Fixed » Closed (fixed)

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