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

Update styling for room entry article on mobile 

Fixes MS-546
This commit is contained in:
Ramon Wenger 2023-01-12 16:24:15 +01:00
parent 1fcb0875a0
commit eb4f74b918
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/src/styles/_article.scss
View File

@ -2,8 +2,8 @@
padding: $medium-spacing 0; padding: $medium-spacing 0;
&__header { &__header {
grid-template-rows: 50px minmax(50px, max-content) auto; grid-template-rows: 50px auto;
-ms-grid-rows: 50px 50px auto; -ms-grid-rows: 50px auto;
grid-row-gap: 30px; grid-row-gap: 30px;
display: -ms-flex; display: -ms-flex;
@supports (display: grid) { @supports (display: grid) {
@ -14,17 +14,26 @@
&__meta { &__meta {
border-bottom: 1px solid $color-silver-light; border-bottom: 1px solid $color-silver-light;
align-self: end; align-self: end;
padding: 20px 0;
width: 100%; width: 100%;
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
@supports (display: grid) { @supports (display: grid) {
margin-bottom: 0; margin-bottom: 0;
} }
padding: $small-spacing $small-spacing;
@include desktop {
padding: $medium-spacing 0;
}
} }
&__title { &__title {
grid-row: 3; grid-row: 3;
padding: 0 $small-spacing;
@include desktop {
padding: 0 0;
}
} }
&__subtitle { &__subtitle {
@ -46,6 +55,11 @@
font-size: toRem(18px); font-size: toRem(18px);
line-height: 1.5; line-height: 1.5;
} }
padding: 0 $small-spacing 40px;
@include desktop {
padding: 0 0 40px;
}
} }
&__comments { &__comments {