ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Remove bottom margin on the room page

This commit is contained in:
Ramon Wenger 2020-10-06 09:50:43 +02:00
parent ea97549d3e
commit 4193af9ef6
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/styles/_default-layout.scss
View File

@ -15,7 +15,7 @@
@supports (display: grid) { @supports (display: grid) {
display: grid; display: grid;
} }
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr max-content;
grid-template-areas: "h" "c" "f"; grid-template-areas: "h" "c" "f";
min-height: 100vh; min-height: 100vh;
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
@ -57,7 +57,11 @@
&__footer { &__footer {
grid-area: f; grid-area: f;
// we usually set the margin to the bottom and the right, but here we want the footer to always have
// this margin, and we don't want to set it on every content element. And we don't want to set it on
// the content element, for if there's no footer.
margin-top: 3*$large-spacing; margin-top: 3*$large-spacing;
margin-bottom: -3*$large-spacing;
padding: 0 $small-spacing; padding: 0 $small-spacing;

4
client/src/styles/_room.scss
View File

@ -4,8 +4,8 @@
.room { .room {
display: grid; display: grid;
grid-template-rows: auto 1fr; grid-template-rows: max-content 1fr;
margin-bottom: -50px; margin-bottom: -90px;
&__header { &__header {
padding: 30px; padding: 30px;