Skip to content

Conversation

NullVoxPopuli
Copy link

@NullVoxPopuli NullVoxPopuli commented Sep 28, 2025

Before

image

After

image

Copy link

netlify bot commented Sep 28, 2025

Deploy Preview for ember-rfcs ready!

Name Link
🔨 Latest commit e8483df
🔍 Latest deploy log https://app.netlify.com/projects/ember-rfcs/deploys/68df920e5b67020008ae9ce7
😎 Deploy Preview https://deploy-preview-24--ember-rfcs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@@ -1,3 +1,7 @@
.sidebar-container--full-width {
min-height: calc(100dvh - 90px);
Copy link
Author

Choose a reason for hiding this comment

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

90px is the height of the header

Copy link
Author

Choose a reason for hiding this comment

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

however, it's 56px on narrower screens

Copy link
Member

@mansona mansona left a comment

Choose a reason for hiding this comment

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

So I'm glad my spider senses were tingling with this and I thought to test it with the footer added #26

This is actually the wrong solution. We need the height of the whole body to have a minimum of 100vh (or whatever the right thing is)

@MinThaMie do we not already have this catered for in some of our layout stuff? 🤔

@NullVoxPopuli
Copy link
Author

I did try that at first, but the background colors are then in the wrong spot.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants