1562445 - Blue Email CTA hard to read on hover in Thunderbird

Status: RESOLVED INVALID

(Marketing :: Email, defect)

Description

[Albert Scheiner [:alberts]]

Attachment: image.png

The screenshot says (in German) "Try Monitor now" from the campaign "Schütze deine Daten – und deine Nerven" (~ "Save your data - and your nerves").

Hovering it, the background (border) changes to a different blue, but the text-background changes to a light grey. This makes the white CTA content hard to read and generally looks weird.
I saw that in all other marketing emails from Mozilla before, just realised now, that I could file a bugzilla ticket ;)

I checked the code and found that it is this declaration in the second style block

.button a:hover {
    background-color: #e1e1e1 !important;
    border-color: #0976a5 !important
}

Changing the background-color to the border-color fixes the problem. Not sure if this has side effects for other templates.

.button a:hover {
    background-color: #0976a5 !important;
    border-color: #0976a5 !important
}

This issue will occur in any email client which doesn't remove the <style> blocks, like e.g. GMail (and the GMail app) does.

Comment 1

[Lisa Wright]

Thanks so much for flagging this Albert! We'll take a look.

Comment 2

[Albert Scheiner [:alberts]]

Just checking my old tickets. Can this be closed?

Comment 3

[Wayne Mery (:wsmwk)]

(In reply to Albert Scheiner [:alberts] from comment #2)

Just checking my old tickets. Can this be closed?

Where is this Email CTA located?

Comment 4

[Albert Scheiner [:alberts]]

I did a quick search in my TB, but nothing popped up anymore. This ticket is 3 years old and there is hoping this email template has changed by now, or is not used anymore.
Closing it Wayne.