Design tweaks in galleries header meta
Moving the work done in https://github.com/guardian/dotcom-rendering/pull/14571 Part of https://github.com/guardian/dotcom-rendering/issues/14583
What does this change?
- Standfirst font-weight
- Main media caption and date colour
- Share button border colour
- No underline in byline
- Adds camera or video icon in main media caption in mobile breakpoints
in galleries header meta, apart from Labs galleries.
Why?
To match the designs
Screenshots
| Before | After |
|---|---|
Hello :wave:! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.
You will need to reapply the label each time you want to run Chromatic.
Another point, just checked the storybook snapshots, and can see the only change it's finding is for the caption icon. It might be worth making sure the rest of the changes are also captured in the stories, either in GalleryLayout story or the relevant story for that component
Another point, just checked the storybook snapshots, and can see the only change it's finding is for the caption icon. It might be worth making sure the rest of the changes are also captured in the stories, either in GalleryLayout story or the relevant story for that component
We checked together with @marjisound. This was happening because the caption icon change was the last commit. The rest of the Chromatic diffs can be seen in the ancestor build.
Seen on PROD (merged by @ioannakok 8 minutes ago) Please check your changes!
No underline in byline
Shouldn’t it underline on hover, though?