Skip to content

Fix footer if the content is too small#4

Merged
Folyd merged 2 commits intohuhu:masterfrom
ayrat-forks:master
Sep 20, 2021
Merged

Fix footer if the content is too small#4
Folyd merged 2 commits intohuhu:masterfrom
ayrat-forks:master

Conversation

@ayrat555
Copy link
Copy Markdown
Contributor

before
Screenshot 2021-09-15 at 09 16 03

after
Screenshot 2021-09-15 at 09 54 56

Copy link
Copy Markdown
Member

@Folyd Folyd left a comment

Choose a reason for hiding this comment

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

Thanks for the PR. Can we remove the flex style?

Comment thread sass/juice.scss Outdated
Comment on lines +10 to +12
justify-content:space-between;
display:flex;
flex-direction:column;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

I'd like to keep the body less styled as possible, and the min-height is enough to fix this. What do you think?

Copy link
Copy Markdown
Contributor Author

@ayrat555 ayrat555 Sep 16, 2021

Choose a reason for hiding this comment

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

I tested locally,the behaviour is the same (wrong) without flex

Copy link
Copy Markdown
Member

@Folyd Folyd Sep 19, 2021

Choose a reason for hiding this comment

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

You are right. I have another idea to fix this:

.body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
}

.main {
+   flex-grow: 1;
}

.content {
-   justify-content: center;
}

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

@Folyd I did as you suggested

@Folyd Folyd merged commit 319a193 into huhu:master Sep 20, 2021
ayrat555 added a commit to ayrat555/el_monitorro that referenced this pull request Sep 21, 2021
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.

2 participants