Merge pull request #399 from jazzband/css-cleanup

Restructured clear db HTML
jazzband · Feb 11, 2020 · 01c61ca · 01c61ca
2 parents d055794 + ec9120e
commit 01c61ca
Showing 1 changed file with 40 additions and 38 deletions.
diff --git a/silk/templates/silk/clear_db.html b/silk/templates/silk/clear_db.html
@@ -1,24 +1,21 @@
 {% extends 'silk/base/root_base.html' %}
-{% load static %}
 {% load silk_inclusion %}
-
+{% load static %}
 {% block menu %}
-    {% if silk_request %}
-        {% request_menu request silk_request %}
-    {% else %}
-        {% root_menu request %}
-    {% endif %}
+    {% root_menu request %}
 {% endblock %}
 
 {% block style %}
     {{ block.super }}
     <style>
-        .container {
-            padding: 0 1em;
+        .wrapper {
+            width: 100%;
+            margin-bottom: 20px;
         }
 
-        h2 {
-            margin-bottom: 10px;
+        .inner {
+            margin: auto;
+            width: 960px;
         }
 
         .cleardb-form .cleardb-form-wrapper{
@@ -51,46 +48,51 @@
             color: #bac54b;
         }
     </style>
-
 {% endblock %}
 
 {% block js %}
     {{ block.super }}
     <script>
 
+
         $(document).ready(function () {
             initFilters();
-            initFilterButton();
+            var $inputs = $('.resizing-input');
+            $inputs.focusout(function () {
+                $('#filter-form').submit();
+            });
         });
+
     </script>
 {% endblock %}
-
-
 {% block data %}
-    <div class="container">
-        <h2>Silk Clear DB</h2>
-        <form class="cleardb-form" action="." method="post">
-            {% csrf_token %}
-            <div class="cleardb-form-wrapper">
-                <label>
-                    <input type="checkbox" name="clear_requests" disabled="disabled"/>
-                    Requests
-                </label>
-                <label>
-                    <input type="checkbox" name="clear_profiling" disabled="disabled"/>
-                    Profiling
-                </label>
-                <label>
-                    <input type="checkbox" name="clear_all"/>
-                    All
-                </label>
-            </div>
-            <button class="btn">Clear</button>
-        </form>
-        <div class="msg">{{ msg }}</div>
+    <div class="wrapper">
+        <div class="inner">
+            <h2>Silk Clear DB</h2>
+            <form class="cleardb-form" action="." method="post">
+                {% csrf_token %}
+                <div class="cleardb-form-wrapper">
+                    <label>
+                        <input type="checkbox" name="clear_requests" disabled="disabled"/>
+                        Requests
+                    </label>
+                    <label>
+                        <input type="checkbox" name="clear_profiling" disabled="disabled"/>
+                        Profiling
+                    </label>
+                    <label>
+                        <input type="checkbox" name="clear_all"/>
+                        All
+                    </label>
+                </div>
+                <button class="btn">Clear</button>
+            </form>
+            <div class="msg">{{ msg }}</div>
+        </div>
     </div>
-{% endblock %}
 
+{% endblock %}
 
+{# Hide filter hamburger menu #}
+{% block top %}{% endblock %}
 {% block filter %}{% endblock %}
-{% block filters %}{% endblock %}