Fix bug with pre_solve template

evgfilim1 · Aug 26, 2018 · 0926016 · 0926016 · evgfilim1 · Aug 27, 2018
1 parent 694d1a1
commit 0926016
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 21 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -51,22 +51,9 @@ p.pre-solve {
     padding-bottom: 0.75rem;
 }
 
-#fullscreen {
-    width: 100%;
-    height: auto;
-    bottom: 0;
-    top: 0;
-    left: 0;
-    position: absolute;
-}
-
-#fullscreen-content {
-    position: relative;
-    float: left;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    text-align: center;
+#centered-container {
+    /*width: 100vw;*/
+    height: 100vh;
 }
 
 #remaining-text {

diff --git a/templates/base.html b/templates/base.html
@@ -81,6 +81,7 @@
     </div>
     {% block content %}{% endblock %}
 </div>
+{% block body %}{% endblock %}
 <footer>
     <div class="container mt-5">
         <p class="text-muted">Copyright © Югорский физико-математический лицей, 2002–2018</p>

diff --git a/templates/pre_solve.html b/templates/pre_solve.html
@@ -1,9 +1,13 @@
 {% extends 'base.html' %}
-{% block content %}
-    <div id="fullscreen">
-        <div id="fullscreen-content">
-            <p class="pre-solve">Если ты готов начать тест, нажми на кнопку ниже</p>
-            <a href="{{ url_for('solve') }}" class="btn btn-outline-success pre-solve">Продолжить</a>
+{% block body %}
+    <div class="d-flex align-items-center justify-content-center" id="centered-container">
+        <div class="text-center">
+            <a href="{{ url_for('solve') }}" class="btn btn-outline-success pre-solve">Нажми сюда, чтобы начать тест</a>
         </div>
     </div>
 {% endblock %}
+{% block scripts %}
+    <script>
+        $('body').css('padding-top', 0);
+    </script>
+{% endblock %}