Adding CSS to search page

Matheus Figueiredo
1 parent 7db4081b
Showing 1 changed file with 56 additions and 61 deletions Show diff stats
src/colab/deprecated/templates/search.html
@@ -2,75 +2,70 @@
 {% load i18n %}
 {% load append_to_get %}
 {% block main-content %}
-  <h2>{% trans "Search" %}</h2>
-  <span>
-    {{ docs.numFound }} {% trans "documents found in" %} 
-    {{ docs.QTime|floatformat:3 }} {% trans "seconds" %}
-  </span>
-
+  <div class="row">
+    <div class="col-lg-2">
+      <h2>{% trans "Search" %}</h2>
+    </div>
+    <span class="pull-right quiet">
+      {{ docs.numFound }} {% trans "documents found in" %} 
+      {{ docs.QTime|floatformat:3 }} {% trans "seconds" %}
+    </span>
+  </div>
   <hr/>
-  <div>
-    <h3>{% trans "Filters" %}</h3>
+  <div class="row">
+    <div class="col-lg-2">
+      <h3>{% trans "Filters" %}</h3>
-    <h4>{% trans "Types" %}</h4>
-
-    <ul>
-      <li {% ifequal type "wiki" %} title="{% trans "Remove filter" %}" {% endifequal %}>
-        <span>
-          <img src="{{ STATIC_URL }}img/wiki.png">
-        </span>
-        <a href="{% ifnotequal type "wiki" %} {% append_to_get type='wiki' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Wiki" %}</a>
-      </li>
-      <li {% ifequal type "thread" %} title="{% trans "Remove filter" %}" {% endifequal %}>
-        <span>
-          <img src="{{ STATIC_URL }}img/thread.png"> 
-        </span>
-        <a href="{% ifnotequal type "thread" %} {% append_to_get type='thread' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Discussion" %}</a>
-      </li>
-      <li {% ifequal type "ticket" %} title="{% trans "Remove filter" %}" {% endifequal %}>
-        <span>
-          <img src="{{ STATIC_URL }}img/ticket.png">
-        </span>
-        <a href="{% ifnotequal type "ticket" %} {% append_to_get type='ticket' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Ticket" %}</a>
-      </li>
-      <li {% ifequal type "changeset" %} title="{% trans "Remove filter" %}" {% endifequal %}>
-        <span>
-          <img src="{{ STATIC_URL }}img/changeset.png"> 
-        </span>
-        <a href="{% ifnotequal type "changeset" %} {% append_to_get type='changeset' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Changeset" %}</a>
-      </li>
-    </ul>
-  </div>
-  
-  <div>
-    <ul>
-    {% for doc in docs  %}
-      {% include "message-preview.html" %}
-    {% empty %}
-      <li>
-        {% trans "No results for your search." %}
-      </li>
-    {% endfor %}
-    </ul>
+      <h4>{% trans "Types" %}</h4>
-    <hr />
+      <ul class="none indent">
+        <li {% ifequal type "wiki" %} title="{% trans "Remove filter" %}" {% endifequal %}>
+          <span class="glyphicon glyphicon-file"></span>
+          <a href="{% ifnotequal type "wiki" %} {% append_to_get type='wiki' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Wiki" %}</a>
+        </li>
+        <li {% ifequal type "thread" %} title="{% trans "Remove filter" %}" {% endifequal %}>
+          <span class="glyphicon glyphicon-envelope"></span>
+          <a href="{% ifnotequal type "thread" %} {% append_to_get type='thread' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Discussion" %}</a>
+        </li>
+        <li {% ifequal type "ticket" %} title="{% trans "Remove filter" %}" {% endifequal %}>
+          <span class="glyphicon glyphicon-tag"></span>
+          <a href="{% ifnotequal type "ticket" %} {% append_to_get type='ticket' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Ticket" %}</a>
+        </li>
+        <li {% ifequal type "changeset" %} title="{% trans "Remove filter" %}" {% endifequal %}>
+          <span class="glyphicon glyphicon-align-right"></span>
+          <a href="{% ifnotequal type "changeset" %} {% append_to_get type='changeset' %} {% else %} {% append_to_get type="" %} {% endifnotequal %}">{% trans "Changeset" %}</a>
+        </li>
+      </ul>
+    </div>
-    {% if docs.numFound %}
-    <div>
-      <span>
-        {% if docs.has_previous %}
-          <a href="{% append_to_get p=docs.previous_page_number %}">{% trans "Previous" %}</a>
-        {% endif %}
+    <div class="col-lg-10">
+      <ul class="none indent">
+      {% for doc in docs  %}
+        {% include "message-preview.html" %}
+      {% empty %}
+        <li class="text-center">
+          {% trans "No results for your search." %}
+        </li>
+      {% endfor %}
+      </ul>
+      {% if docs.numFound %}
+      <div>
         <span>
-          {% trans "Page" %} {{ docs.page_num }} {% trans "of" %} {{ docs.num_of_pages }}
-        </span>
+          {% if docs.has_previous %}
+            <a href="{% append_to_get p=docs.previous_page_number %}">{% trans "Previous" %}</a>
+          {% endif %}
-        {% if docs.has_next %}
-          <a href="{% append_to_get p=docs.next_page_number %}">{% trans "Next" %}</a>
-        {% endif %}
-      </span>
+          <span>
+            {% trans "Page" %} {{ docs.page_num }} {% trans "of" %} {{ docs.num_of_pages }}
+          </span>
+
+          {% if docs.has_next %}
+            <a href="{% append_to_get p=docs.next_page_number %}">{% trans "Next" %}</a>
+          {% endif %}
+        </span>
+      </div>
     </div>
     {% endif %}
   </div>