Mercurial > libervia-templates
comparison sat_templates/templates/default/input/navigation.html @ 166:178f55b825b7
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 |
comparison
equal
deleted
inserted
replaced
| 165:9e8d9d754337 | 166:178f55b825b7 |
|---|---|
| 1 {% macro prev_next(prev_label=_("newer"), next_label=_("older")) %} | 1 {% macro prev_next(prev_label=_("newer"), next_label=_("older")) %} |
| 2 <nav class="prev_next_links"> | 2 <nav class="prev_next box box--large box--zero"> |
| 3 <ul> | 3 <ul> |
| 4 {% if newer_url is defined %} | 4 {% if newer_url is defined %} |
| 5 <li class="newer_items"> | 5 <li class="prev_next__newer"> |
| 6 <a href="{{newer_url}}"> | 6 <a href="{{newer_url}}"> |
| 7 <img src="{{media_path}}icons/tango/actions/32/go-previous.png"> | 7 {{ icon('angle-double-left', cls='icon--small') }} |
| 8 {{prev_label}} | 8 {{prev_label}} |
| 9 </a> | 9 </a> |
| 10 </li> | 10 </li> |
| 11 {% endif %} | 11 {% endif %} |
| 12 {% if older_url is defined %} | 12 {% if older_url is defined %} |
| 13 <li class="older_items"> | 13 <li class="prev_next__older"> |
| 14 <a href="{{older_url}}"> | 14 <a href="{{older_url}}"> |
| 15 <img src="{{media_path}}icons/tango/actions/32/go-next.png"> | |
| 16 {{next_label}} | 15 {{next_label}} |
| 16 {{ icon('angle-double-right', cls='icon--small') }} | |
| 17 </a> | 17 </a> |
| 18 </li> | 18 </li> |
| 19 {% endif %} | 19 {% endif %} |
| 20 </ul> | 20 </ul> |
| 21 </nav> | 21 </nav> |