Mercurial > libervia-templates

diff sat_templates/templates/default/input/navigation.html @ 166:178f55b825b7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
small refactoring/redesign, better BEM integration: - blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file. - better noscript handling, dynamic elements are created using "magic" classes (dom_update.js) - using better icons for older/newer messages - better state handling, classes now use "state_XXX" - more classes now use BEM convention - menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites - better styles.css organisation
author Goffi <goffi@goffi.org>
date Wed, 03 Oct 2018 21:00:24 +0200
parents e9f0a4215e46
children 6f05d4bdc58e
line wrap: on
line diff
--- a/sat_templates/templates/default/input/navigation.html	Fri Sep 14 19:49:15 2018 +0200
+++ b/sat_templates/templates/default/input/navigation.html	Wed Oct 03 21:00:24 2018 +0200
@@ -1,19 +1,19 @@
 {% macro prev_next(prev_label=_("newer"), next_label=_("older")) %}
-    <nav class="prev_next_links">
+    <nav class="prev_next box box--large box--zero">
         <ul>
             {% if newer_url is defined %}
-                <li class="newer_items">
+                <li class="prev_next__newer">
                     <a href="{{newer_url}}">
-                        <img src="{{media_path}}icons/tango/actions/32/go-previous.png">
+                        {{ icon('angle-double-left', cls='icon--small') }}
                         {{prev_label}}
                     </a>
                 </li>
             {% endif %}
             {% if older_url is defined %}
-                <li class="older_items">
+                <li class="prev_next__older">
                     <a href="{{older_url}}">
-                        <img src="{{media_path}}icons/tango/actions/32/go-next.png">
                         {{next_label}}
+                        {{ icon('angle-double-right', cls='icon--small') }}
                     </a>
                 </li>
             {% endif %}