Pull Request for Issue #43708

Summary of Changes

When using btn-classes in an alert message, the styling is not everywhere readable. This PR fixes it.

Testing Instructions

Open the index.php of the backend atum template and add the following code in line 25:

$text = 'This is a text
         <a href="#">with a link</a>
         <br><br>
         some link buttons: <a href="#" class="btn btn-primary">Primary</a> <a href="#" class="btn btn-secondary">Secondary</a> <a href="#" class="btn btn-success">Success</a> <a href="#" class="btn btn-danger">Danger</a> <a href="#" class="btn btn-warning">Warning</a> <a href="#" class="btn btn-info">Info</a> <a href="#" class="btn btn-light">Light</a> <a href="#" class="btn btn-dark">Dark</a> <a href="#" class="btn btn-link">Link</a>
         <br><br>
         normal buttons: <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-secondary">Secondary</button> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-light">Light</button> <button type="button" class="btn btn-dark">Dark</button> <button type="button" class="btn btn-link">Link</button>
         ';

$app->enqueueMessage($text, 'success');
$app->enqueueMessage($text, 'info');
$app->enqueueMessage($text, 'warning');
$app->enqueueMessage($text, 'danger');

Actual result BEFORE applying this Pull Request

Light mode:

Dark mode:

Expected result AFTER applying this Pull Request

Light mode:

Dark mode:

Link to documentations

Please select:

• Documentation link for docs.joomla.org:

• No documentation changes for docs.joomla.org needed

• Pull Request link for manual.joomla.org:

• No documentation changes for manual.joomla.org needed