From 95486b6aa2afd6a5a486eb12151f429648a61b49 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Thu, 2 Nov 2017 09:39:26 +0100
Subject: UI: up down button

---
 ishtar_common/static/media/styles.css | 49 ++++++++++++++++++++++++-----------
 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">
-- 
cgit v1.2.3