Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Problem/Motivation
On various pages, including admin/reports/updates the status-info.png icon acts a repeating background. This makes it very hard to read the text.
Proposed resolution
Inspecting the element shows that globals.css line 44 is the culprit. If I disable the backround-image, it is readable.
div.info {
color: #00529B;
background-color: #bde5f8;
background-image: url('../images/icons/i24/status/status-info.png');
}
Changing it to
div.info {
color: #00529B;
background-color: #bde5f8;
background-image: url('../images/icons/i24/status/status-info.png');
background-repeat: no-repeat;
}
also fixes it, but it looks out of place.
Any suggestions?
Comments
Comment #1
sign CreditAttribution: sign commentedThanks for the report David,
I have fixed it by adding the div.info selector next to the div.messages, thought all kind of messages would have the messages class but they don't, special case. Let's see if there are any other messages like that.
Committed to dev.
Thanks