Skip to content

Design updates in the non-labs galleries header #15142

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
ioannakok wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Design updates in the non-labs galleries header #15142

ioannakok wants to merge 6 commits into from
+140 −14

Conversation

@ioannakok
Copy link
Contributor

@ioannakok ioannakok commented Jan 15, 2026 •
edited
Loading

Closes #14583

What does this change?

The following changes will apply to the non Labs Galleries:

  • Moves the galleries meta to the left column in breakpoints above leftCol
  • Introduces straight lines between caption and byline in all breakpoints
  • In standfirst it updates the colour of the underline in links to be the same as the article border. On hover, it is the same as the standfirst
  • Sets max-width to the logo in branding

Why?

To match the new designs: https://www.figma.com/design/RJnIJi7gXUuN5n1NjhTR0q/Galleries?node-id=1-6546&p=f&t=BQrjKc59qntvgkPk-0

Screenshots

Before After
image image
image image
image image
image image
image image
image image
Screenshot 2026-01-16 at 14 34 58 Screenshot 2026-01-16 at 14 34 15

@ioannakok ioannakok added the feature Departmental tracking: work on a new feature label Jan 15, 2026
@ioannakok @JamieB-gu
Make before element in caption in left col to show up
bd275e3 
Co-authored-by: Jamie B <53781962+JamieB-gu@users.noreply.github.com>
@ioannakok ioannakok force-pushed the new-galleries-standfirst-caption branch from c502cb4 to bd275e3 Compare January 15, 2026 16:01
@ioannakok ioannakok added the run_chromatic Runs chromatic when label is applied label Jan 15, 2026
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Jan 15, 2026
@github-actions
Copy link

github-actions bot commented Jan 15, 2026 •
edited
Loading

Deploy build 23845 of dotcom:rendering-all to CODE

All deployment options

From guardian/actions-riff-raff.

@ioannakok ioannakok changed the title New galleries standfirst caption New galleries standfirst and caption designs Jan 16, 2026
@ioannakok ioannakok changed the title New galleries standfirst and caption designs New designs for galleries standfirst and caption Jan 16, 2026
@ioannakok ioannakok added the run_chromatic Runs chromatic when label is applied label Jan 16, 2026
@ioannakok ioannakok changed the title New designs for galleries standfirst and caption Updates in the non-labs galleries header Jan 16, 2026
@github-actions github-actions bot removed the run_chromatic Runs chromatic when label is applied label Jan 16, 2026
@ioannakok ioannakok changed the title Updates in the non-labs galleries header Design updates in the non-labs galleries header Jan 16, 2026
@ioannakok ioannakok marked this pull request as ready for review January 16, 2026 14:59
@github-actions
Copy link

github-actions bot commented Jan 16, 2026

Hello 👋! 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.

Click here to see the Chromatic project.

@ioannakok ioannakok added this to the Requests milestone Jan 16, 2026
DanielCliftonGuardian
DanielCliftonGuardian approved these changes Jan 21, 2026
View reviewed changes
Copy link
Contributor

@DanielCliftonGuardian DanielCliftonGuardian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good

@shesah shesah requested a review from marjisound January 22, 2026 10:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@DanielCliftonGuardian DanielCliftonGuardian DanielCliftonGuardian approved these changes

@marjisound marjisound Awaiting requested review from marjisound

Assignees

No one assigned

Labels

feature Departmental tracking: work on a new feature

Projects

None yet

Milestone

Requests

Development

Successfully merging this pull request may close these issues.

Design Changes In Galleries Header

3 participants

@ioannakok @DanielCliftonGuardian