Email button rendering in Outlook 2016/2019 issue

Created on 6 March 2024, 4 months ago
Updated 18 April 2024, 2 months ago

Problem/Motivation

When rendering a button in outlook 2016 or 2019 the color of the text is not showing correctly, making the button unreadable.

Steps to reproduce

- Create an activity that will send out an email, for example commenting or liking content.
- Open in outlook 2016 and notice the button text is unreadable.

Proposed resolution

It seems that Outlook 2016/2019 is having issues with the !important that is connected to the button.
<a href="link" class="btn-=link btn-link-bg btn-link-one" style="font-weight: 700; display: block; position: relative; margin-bottom: 15px; border-radius: 0px; border: 1px solid #1b4699; padding: 9px 25px 7px; text-align: center; text-decoration: none; background-color: #1b4699; color: #ffffff !important;">Bekijk alle leden</a>

After closer inspection the important tag also doesn't seem to be needed here, so we can safely remove it, and it should work for all situations.

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Fixed

Version

2.5

Component

Code

Created by

πŸ‡³πŸ‡±Netherlands robertragas

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024