Update the validity warning message colour to change colour when leased

[andrew-nowak]

What does this change?

1. Fixes a bug in the indicator of what % of selected images have been leased (some problem with interpolating in a "style" attribute during webpack production mode; works fine locally but completely broken in production. Couldn't find the root cause, so switch to using ng-style)

2. Then, change the colour of the validity warning message which applies when the image has restrictions or is overquota etc. to teal, so that it is clearer that the warnings have been overridden and the image can be used (usually because a lease has been applied).

How should a reviewer test this change?

Run on TEST, where I have configured getty to (almost certainly) be overquota - check the quotas screen to confirm. Ensure you have edit_metadata permission!

Then, open an overquota image (ie. search +uploader:getty). The warning message on the right should be coloured amber, like so:

Now add an allow-cropping lease to that image. The message should turn teal (which is the colour used in the search page to indicate "not free, but has been leased and can be used"):

How can success be measured?

Hopefully less confusion about whether a leased image may be used.

Who should look at this?

Tested? Documented?

• locally by committer
• locally by Guardian reviewer
• on the Guardian's TEST environment
• relevant documentation added or amended (if needed)

[github-actions]

Deploy build 13052 to TEST

All deployment options

• Deploy build 13052 to TEST
• Deploy parts of build 13052 to TEST by previewing it first

---

From guardian/actions-riff-raff.

[bryophyta]

works as described 👍👍

[prout-bot]

Seen on auth, collections, image-loader (merged by @andrew-nowak 7 minutes and 46 seconds ago) Please check your changes!

[prout-bot]

Seen on usage, metadata-editor, leases, cropper, media-api (merged by @andrew-nowak 7 minutes and 56 seconds ago) Please check your changes!

[prout-bot]

Seen on thrall, kahuna (merged by @andrew-nowak 8 minutes and 4 seconds ago) Please check your changes!