convert to bulma css framework

1 files changed, 44 insertions, 27 deletions

diff --git a/templates/displayheaders/_top_nav.html.ep b/templates/displayheaders/_top_nav.html.ep
index f4c66d2..e5eaab8 100644
--- a/templates/displayheaders/_top_nav.html.ep
+++ b/templates/displayheaders/_top_nav.html.ep
@@ -1,35 +1,52 @@
-<div class="pure-g">
+<div class="columns">
 
-  <div class="pure-u-1 pure-u-md-1-4">
-    <div class="pure-menu pure-menu-horizontal">
-      <ul class="pure-menu-list">
-        %# <a href="<%= url_with($prefsurl) %>"><%= TXT 'userconfig' %></a>
-        %# <a href="<%=$prefsurl%>?action=editaddresses&folder=<%=$folder%>&sessionid=<%=$thissession%>&sort=<%=$sort%>&firstmessage=<%=$firstmessage+1%>&lang=<%=$lang%>" ><%= TXT 'addressbook' %></a>
-        <li class="pure-menu-item">
-          %= link_to ucfirst(l 'logout') => 'logout'
-        </li>
-        <li class="pure-menu-item">
-          %= link_to ucfirst(l 'compose') => 'write'
-        </li>
-      </ul>
+  <nav class="column">
+    %# <a href="<%= url_with($prefsurl) %>"><%= TXT 'userconfig' %></a>
+    %# <a href="<%=$prefsurl%>?action=editaddresses&folder=<%=$folder%>&sessionid=<%=$thissession%>&sort=<%=$sort%>&firstmessage=<%=$firstmessage+1%>&lang=<%=$lang%>" ><%= TXT 'addressbook' %></a>
+    %= link_to ucfirst(l 'logout') => 'logout' => (class => 'button')
+    %= link_to ucfirst(l 'compose') => 'write' => (class => 'button')
+  </nav>
+
+  %# <td> <form action="<%= url_for('delete_msg') %>" name=Formdel onsubmit="return confirm('<%= TXT q(js_confirm_delete) %>')" > </form> </td>
+
+  %= form_for '' => (class => 'column') => begin
+    <div class="field is-horizontal">
+      <div class=field-label>
+        %= label_for search => ucfirst(l 'search') => (class => 'label')
+      </div>
+      <div class=field-body>
+        <div class=field>
+          <div class="control">
+            %= search_field search => (size => 8) => (class => 'input')
+          </div>
+        </div>
+      </div>
     </div>
-  </div>
+  % end
 
-  <div class="pure-u-1 pure-u-md-1-4">
-    %= form_for '' => (class => 'pure-form') => begin
-      %= label_for search => ucfirst(l 'search')
-      %= search_field search => (size => 8)
-    % end
-  </div>
+  %= form_for '' => (class => 'column') => begin
+    <div class="field is-horizontal">
+      <div class=field-label>
+        %= label_for sort => ucfirst(l 'sort') => (class => 'label')
+      </div>
+      <div class=field-body>
+        <div class=field>
+          <div class="select" id=sort-select>
+            <select name=sort id=sort>
+              <option value="!date">Date - Descending</option>
+              <option value="date" >Date - Ascending</option>
+              <option value="!size">Size - Descending</option>
+              <option value="!sender">Sender - Descending</option>
+              <option value="sender" >Sender - Ascending</option>
+            </select>
+          </div>
+        </div>
+      </div>
+    </div>
+  % end
 
-  <div class="pure-u-1-1 pure-u-md-1-2">
+  <div class="column">
     %= include 'displayheaders/_pagination3';
   </div>
 
-  <!-- delete button
-  <td>
-    %# <form action="<%= url_for('delete_msg') %>" name=Formdel onsubmit="return confirm('<%= TXT q(js_confirm_delete) %>')" > </form>
-  </td>
-  -->
-
 </div>