From 8438a47c0a630ec820157edfa541180a2f397d21 Mon Sep 17 00:00:00 2001 From: Mateusz Bieniek Date: Tue, 7 Apr 2020 15:42:29 +0200 Subject: [PATCH] Changed "welcome page" template and CSS so it fits on HD monitors in fullscreen without scrollbar. (#529) --- assets/scss/welcome-page.scss | 13 ++++++++++--- .../themes/standard/full/welcome_page.html.twig | 4 ++-- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/assets/scss/welcome-page.scss b/assets/scss/welcome-page.scss index fdeef9d3d7..91986e4d37 100644 --- a/assets/scss/welcome-page.scss +++ b/assets/scss/welcome-page.scss @@ -1,12 +1,18 @@ +html { + position: relative; + min-height: 100%; +} body { font-size: 16px; line-height: 32px; color: #131C26; overflow-x: hidden; font-family: "Noto Sans", sans-serif; + background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTQuNTg5IiBoZWlnaHQ9IjUxNC4yNTQiIHZpZXdCb3g9IjAgMCA1MTQuNTg5IDUxNC4yNTQiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNkN2Q4ZTI7b3BhY2l0eTowLjI7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTE2LjI1OCwzNDUuN1YyMTQuNzE4aC0zMTguN1Y1MzMuNDA2SDMyOS40Njl2NTcuNDM4SDU3NC42VjM0NS43Wk0zMjkuNDY5LDUwMi41MTdIMjI4LjQ0OVYyNDUuNTg2SDQ4NS4zNjJWMzQ1LjdIMzI5LjQ2OVptMjE1Ljc4NSw1OC45NjhIMzU4LjhWMzc1LjA2MUg1NDUuMjU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0LjMyNyAtMjg0LjczMykgcm90YXRlKDMwKSIvPjwvc3ZnPg==") no-repeat right bottom; + margin-bottom: 48px; } .header { - height: 450px; + height: 410px; background: transparent linear-gradient(90deg, #FF4713 0%, #DB0032 100%) 0% 0% no-repeat padding-box; opacity: 1; } @@ -30,8 +36,9 @@ a { } } .footer { - background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTQuNTg5IiBoZWlnaHQ9IjUxNC4yNTQiIHZpZXdCb3g9IjAgMCA1MTQuNTg5IDUxNC4yNTQiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNkN2Q4ZTI7b3BhY2l0eTowLjI7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJhIiBkPSJNNTE2LjI1OCwzNDUuN1YyMTQuNzE4aC0zMTguN1Y1MzMuNDA2SDMyOS40Njl2NTcuNDM4SDU3NC42VjM0NS43Wk0zMjkuNDY5LDUwMi41MTdIMjI4LjQ0OVYyNDUuNTg2SDQ4NS4zNjJWMzQ1LjdIMzI5LjQ2OVptMjE1Ljc4NSw1OC45NjhIMzU4LjhWMzc1LjA2MUg1NDUuMjU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0LjMyNyAtMjg0LjczMykgcm90YXRlKDMwKSIvPjwvc3ZnPg==") no-repeat 107% 0; - height: 370px; + position: absolute; + bottom: 0; + height: 48px; .container-fluid { display: flex; diff --git a/templates/themes/standard/full/welcome_page.html.twig b/templates/themes/standard/full/welcome_page.html.twig index c826e70dfa..cc9af64277 100644 --- a/templates/themes/standard/full/welcome_page.html.twig +++ b/templates/themes/standard/full/welcome_page.html.twig @@ -38,8 +38,8 @@ -
-
+
+