question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can we make it an easier user experience when beforeContent is empty?

See original GitHub issue

In this situation, the spacing at the top of the page is wrong.

The current solution is to add this to your page:

{% set mainClasses = "govuk-main-wrapper--l" %}

Wondering if we can do anything that makes this simpler/clearer or that, ideally, our users don’t need to do anything

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
36degreescommented, May 20, 2019

I wonder if we could do this in CSS instead, perhaps by applying an additional margin to main if it’s the :first-child (and thus has no preceding siblings)

1reaction
NickColleycommented, Jul 12, 2018

If we contributed the ‘self’ feature to the Nunjucks project we could do this in a non-hacky way:

https://github.com/mozilla/nunjucks/issues/164

Read more comments on GitHub >

github_iconTop Results From Across the Web

How can I use the CSS pseudo-element :before{ content
The pseudo-elements may affect empty elements, too (inserting content before or after the empty content), and option elements aren't even empty.
Read more >
Many possible responses to content - User Experience Stack ...
I am thinking of creating a left-side bar with multiple buttons. But this is a little bit unorthodox. What are my options and...
Read more >
Improve React UX with skeleton UIs - LogRocket Blog
Learn how to use skeleton UIs in your React apps to make your interface feel faster, more responsive, and richer to improve user...
Read more >
self variable is not defined #164 - mozilla/nunjucks - GitHub
Without self it's impossible to check whether block is empty or not. You could ... Can we make it an easier user experience...
Read more >
Planning a Website Redesign? Write Your Content First.
Planning your website redesign? Start writing your website content first! This article will teach you why and how!
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found