diff --git a/CHANGES.md b/CHANGES.md index d54a152f51cc73e311afa8591f7a712b0c7228c9..40baa999bd2b48fdd6dcffd4b5dc2b413acb1e7f 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -6,6 +6,7 @@ Changes ### Unreleased +* 2019-05-29 - Login background image did not fill the page completely when browser window was really low but really wide. * 2019-05-27 - Added multilanguage filtering to the login background image texts. * 2019-05-24 - Prevent back-to-top button from being printed. * 2019-05-03 - Added a setting to be able to add texts to your uploaded background images for the login page. diff --git a/scss/post.scss b/scss/post.scss index d998b809dd41004acbecd3d1c96e5329bdbe1dce..372b685a16261a52be5d1df06411dbc88bd5e119 100644 --- a/scss/post.scss +++ b/scss/post.scss @@ -46,10 +46,10 @@ Login page -------------------------------------*/ -body.loginbackgroundimage { +body.loginbackgroundimage #page { background-size: cover; - background-position: center; - background-repeat: repeat-x; + background-position: center top; + background-repeat: no-repeat; } /* Add media breakpoint to only load images on screens with a medium size and up. @@ -57,127 +57,127 @@ body.loginbackgroundimage { * Note: Building this code with a @for loop did not work. */ @include media-breakpoint-up(md) { @if variable-exists(loginbackgroundimage1) { - body.loginbackgroundimage1 { + body.loginbackgroundimage1 #page { background-image: url($loginbackgroundimage1); } } @if variable-exists(loginbackgroundimage2) { - body.loginbackgroundimage2 { + body.loginbackgroundimage2 #page { background-image: url($loginbackgroundimage2); } } @if variable-exists(loginbackgroundimage3) { - body.loginbackgroundimage3 { + body.loginbackgroundimage3 #page { background-image: url($loginbackgroundimage3); } } @if variable-exists(loginbackgroundimage4) { - body.loginbackgroundimage4 { + body.loginbackgroundimage4 #page { background-image: url($loginbackgroundimage4); } } @if variable-exists(loginbackgroundimage5) { - body.loginbackgroundimage5 { + body.loginbackgroundimage5 #page { background-image: url($loginbackgroundimage5); } } @if variable-exists(loginbackgroundimage6) { - body.loginbackgroundimage6 { + body.loginbackgroundimage6 #page { background-image: url($loginbackgroundimage6); } } @if variable-exists(loginbackgroundimage7) { - body.loginbackgroundimage7 { + body.loginbackgroundimage7 #page { background-image: url($loginbackgroundimage7); } } @if variable-exists(loginbackgroundimage8) { - body.loginbackgroundimage8 { + body.loginbackgroundimage8 #page { background-image: url($loginbackgroundimage8); } } @if variable-exists(loginbackgroundimage9) { - body.loginbackgroundimage9 { + body.loginbackgroundimage9 #page { background-image: url($loginbackgroundimage9); } } @if variable-exists(loginbackgroundimage10) { - body.loginbackgroundimage10 { + body.loginbackgroundimage10 #page { background-image: url($loginbackgroundimage10); } } @if variable-exists(loginbackgroundimage11) { - body.loginbackgroundimage11 { + body.loginbackgroundimage11 #page { background-image: url($loginbackgroundimage11); } } @if variable-exists(loginbackgroundimage12) { - body.loginbackgroundimage12 { + body.loginbackgroundimage12 #page { background-image: url($loginbackgroundimage12); } } @if variable-exists(loginbackgroundimage13) { - body.loginbackgroundimage13 { + body.loginbackgroundimage13 #page { background-image: url($loginbackgroundimage13); } } @if variable-exists(loginbackgroundimage14) { - body.loginbackgroundimage14 { + body.loginbackgroundimage14 #page { background-image: url($loginbackgroundimage14); } } @if variable-exists(loginbackgroundimage15) { - body.loginbackgroundimage15 { + body.loginbackgroundimage15 #page { background-image: url($loginbackgroundimage15); } } @if variable-exists(loginbackgroundimage16) { - body.loginbackgroundimage16 { + body.loginbackgroundimage16 #page { background-image: url($loginbackgroundimage16); } } @if variable-exists(loginbackgroundimage17) { - body.loginbackgroundimage17 { + body.loginbackgroundimage17 #page { background-image: url($loginbackgroundimage17); } } @if variable-exists(loginbackgroundimage18) { - body.loginbackgroundimage18 { + body.loginbackgroundimage18 #page { background-image: url($loginbackgroundimage18); } } @if variable-exists(loginbackgroundimage19) { - body.loginbackgroundimage19 { + body.loginbackgroundimage19 #page { background-image: url($loginbackgroundimage19); } } @if variable-exists(loginbackgroundimage20) { - body.loginbackgroundimage20 { + body.loginbackgroundimage20 #page { background-image: url($loginbackgroundimage20); } } @if variable-exists(loginbackgroundimage21) { - body.loginbackgroundimage21 { + body.loginbackgroundimage21 #page { background-image: url($loginbackgroundimage21); } } @if variable-exists(loginbackgroundimage22) { - body.loginbackgroundimage22 { + body.loginbackgroundimage22 #page { background-image: url($loginbackgroundimage22); } } @if variable-exists(loginbackgroundimage23) { - body.loginbackgroundimage23 { + body.loginbackgroundimage23 #page { background-image: url($loginbackgroundimage23); } } @if variable-exists(loginbackgroundimage24) { - body.loginbackgroundimage24 { + body.loginbackgroundimage24 #page { background-image: url($loginbackgroundimage24); } } @if variable-exists(loginbackgroundimage25) { - body.loginbackgroundimage25 { + body.loginbackgroundimage25 #page { background-image: url($loginbackgroundimage25); } }