Changed "welcome page" template and CSS so it fits on HD monitors in …

…fullscreen without scrollbar. (#529)
ezsystems · Apr 7, 2020 · 8438a47 · 8438a47
1 parent 070fdde
commit 8438a47
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git 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
@@ -38,8 +38,8 @@
         </div>
     </div>
 </header>
-<div class="page pb-5">
-    <div class="container-fluid background-grey pt-4">
+<div class="page pb-4">
+    <div class="container-fluid background-grey pt-3">
         <div class="row py-4">
             <div class="col-12 py-4">
                 <div class="container text-center">