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

sign’s picture

Status: Active » Fixed

Thanks 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

Status: Fixed » Closed (fixed)

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