diff options
| author | Étienne Loks <etienne.loks@iggdrasil.net> | 2016-08-23 20:18:49 +0200 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@iggdrasil.net> | 2016-08-23 20:20:00 +0200 |
| commit | 1cd62e7c523cf339bd2a18ec3f093fc838db563a (patch) | |
| tree | 1008550bd5eea2d6089f965ba31d491c9d8680e8 /ishtar_common/templates/ishtar/sheet.html | |
| parent | 7ce2bb5bb8fcbb0d6ae4c57e235683bfb8c3437c (diff) | |
| download | Ishtar-1cd62e7c523cf339bd2a18ec3f093fc838db563a.tar.bz2 Ishtar-1cd62e7c523cf339bd2a18ec3f093fc838db563a.zip | |
UI: new (and nicer) layout for sheet header
Diffstat (limited to 'ishtar_common/templates/ishtar/sheet.html')
| -rw-r--r-- | ishtar_common/templates/ishtar/sheet.html | 32 |
1 files changed, 28 insertions, 4 deletions
diff --git a/ishtar_common/templates/ishtar/sheet.html b/ishtar_common/templates/ishtar/sheet.html index 5da837ab4..bfefd5eb6 100644 --- a/ishtar_common/templates/ishtar/sheet.html +++ b/ishtar_common/templates/ishtar/sheet.html @@ -18,11 +18,35 @@ <div class="head"> -<a href='#' class='previous_page'><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></a> -<a href='#' onclick='$("#{{window_id}}").hide("slow")'>{% trans "Close" %}</a> - -<a href='#' onclick='closeAllWindows();'>{% trans "Close all windows" %}</a> -<a href='#' class='next_page'><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></a> +<a href='#' class='previous_page'> +<span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-arrow-left fa-stack-1x fa-inverse"></i> +</span> +</a> +<div class='close-buttons'> +<a href='#' onclick='$("#{{window_id}}").hide("slow")' title="{% trans 'Close' %}"> +<span class="fa-stack"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-times fa-stack-1x fa-inverse"></i> +</span> +</a> +<a href='#' onclick='closeAllWindows();' title="{% trans "Close all windows" %}"> +<span class="fa-stack"> + <i class="fa fa-files-o fa-stack-2x"></i> + <i class="fa fa-circle fa-stack-15x"></i> + <i class="fa fa-times fa-stack-1x fa-inverse"></i> +</span> +</a> +</div> +<a href='#' class='next_page'> +<span class="fa-stack fa-lg"> + <i class="fa fa-circle fa-stack-2x"></i> + <i class="fa fa-arrow-right fa-stack-1x fa-inverse"></i> +</span> +</a> +<h1>{% block head_title %}{% endblock %}</h1> </div> <script type="text/javascript" language='javascript'> |