diff options
| author | Étienne Loks <etienne.loks@iggdrasil.net> | 2017-11-02 09:39:26 +0100 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@iggdrasil.net> | 2017-11-02 09:39:26 +0100 |
| commit | 95486b6aa2afd6a5a486eb12151f429648a61b49 (patch) | |
| tree | 7e14c8c392348401584a9b9bdab66f6eb0c3e1a5 | |
| parent | 94da40abe74d5e17cfd83615c7d5833e27762377 (diff) | |
| download | Ishtar-95486b6aa2afd6a5a486eb12151f429648a61b49.tar.bz2 Ishtar-95486b6aa2afd6a5a486eb12151f429648a61b49.zip | |
UI: up down button
| -rw-r--r-- | ishtar_common/static/media/styles.css | 49 | ||||
| -rw-r--r-- | ishtar_common/templates/base.html | 12 |
2 files changed, 40 insertions, 21 deletions
diff --git a/ishtar_common/static/media/styles.css b/ishtar_common/static/media/styles.css index 23217b791..cd76e35c1 100644 --- a/ishtar_common/static/media/styles.css +++ b/ishtar_common/static/media/styles.css @@ -2,25 +2,23 @@ display: none; } -/* à adapter */ -#message, -#message div{ - display: none; +div.nav-button{ + cursor:pointer; + width:15px; + z-index:1000; + position:fixed; + right:32px; + font-size: 40px; + background-color: transparent; + border: 0 solid transparent; } -#message { - z-index: 42200; - position: absolute; - top: 5px; - right: 5px; - background: #fff; - padding: 0.5em 1em; - border: 1px solid; - border-radius: 3px; +div.nav-button:hover{ + opacity: 0.2; } -#message span{ - padding: 0 1em; +#to_bottom_arrow{ + bottom:80px; } div#footer{ @@ -40,3 +38,24 @@ div#foot{ text-align: center; padding: 0.2em; } + +/* à adapter */ +#message, +#message div{ + display: none; +} + +#message { + z-index: 42200; + position: absolute; + top: 5px; + right: 5px; + background: #fff; + padding: 0.5em 1em; + border: 1px solid; + border-radius: 3px; +} + +#message span{ + padding: 0 1em; +} diff --git a/ishtar_common/templates/base.html b/ishtar_common/templates/base.html index 56469ef34..835dae7b1 100644 --- a/ishtar_common/templates/base.html +++ b/ishtar_common/templates/base.html @@ -48,12 +48,6 @@ </head> <body{% if current_theme%} id='{{current_theme}}'{%endif%}> {% include "navbar.html" %} - <div class="nav-button ui-state-default ui-corner-all" id="to_bottom_arrow"> - <i class="fa fa-arrow-circle-down" aria-hidden="true"></i> - </div> - <div class="nav-button ui-state-default ui-corner-all" id="to_top_arrow"> - <i class="fa fa-arrow-circle-up" aria-hidden="true"></i> - </div> <div id="window"></div> <a href='{% url "start" %}' id="logo"> </a> @@ -63,6 +57,12 @@ <p><strong class='lbl'>{{lbl}}{% trans ":"%}</strong> <span class='value'>{{value}}</span></p> {% endfor %} </fieldset>{%endif%} + <div class="nav-button" id="to_bottom_arrow"> + <i class="fa fa-arrow-circle-down" aria-hidden="true"></i> + </div> + <div class="nav-button" id="to_top_arrow"> + <i class="fa fa-arrow-circle-up" aria-hidden="true"></i> + </div> <div class="container"> {% if warnings %}{% for warning in warnings %} <div class="alert alert-warning alert-dismissible fade show" role="alert"> |