Changeset 3294:6b3d608280b5

Timestamp:

07/29/16 14:32:03 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Go top button for long admin pages - closes #2192

Files:

• admin/js/common.js (modified) (1 diff)
• admin/style/default.css (modified) (3 diffs)
• inc/admin/lib.dc.page.php (modified) (3 diffs)

admin/js/common.js

@@ -595 +595 @@
           objMain.removeClass('hide-mm');
      }
+    // totop scroll
+    $(window).scroll(function() {
+            if($(this).scrollTop() != 0) {
+                $('#gototop').fadeIn();
+            } else {
+                $('#gototop').fadeOut();
+            }
+        });
+
+        $('#gototop').click(function() {
+            $('body,html').animate({scrollTop:0},800);
+        });
 });

admin/style/default.css

@@ -85 +85 @@
      clear: both;
      position: relative;
-     padding: .5em 1em .5em 0;
-     text-align: right;
+     padding: .5em 0 .5em 1em;
+     text-align: left;
      border-top: 1px solid #ccc;
      background-color: #fff;
@@ -1221 +1221 @@
      }
 /* ------------------------------------------------------------------ FOOTER ELEMENTS */
+#gototop {
+  display: none;
+  z-index: 1000;
+  position: fixed;
+  bottom: 0;
+  right: .5em;
+  width: 10em;
+  padding: .25em;
+  border: 1px solid #636363;
+  border-radius: .25em;
+  background-color: #fff;
+  color: #333;
+  font-size: .875em;
+  text-align: center; }
+  #gototop a, #gototop a:link, #gototop a:hover, #gototop a:active {
+    background: transparent;
+    border: none;
+    font-weight: bold;
+    color: #636363; }
 #footer p {
      margin: 0;
@@ -1239 +1258 @@
      }
 #footer a:hover span.tooltip {
-     padding: 10px 10px 0 40px;
+     padding: 10px 40px 0 10px;
      color: #910ed3;
      height: auto;
      width: auto;
-     right: 0;
+     left: 0;
      bottom: 0;
      background: #FFF;

inc/admin/lib.dc.page.php

@@ -335 +335 @@
           "</div>\n";         // End of #wrapper
 
+          echo '<p id="gototop"><a href="#wrapper">'.__('Page top').'</a></p>'."\n";
+
           $figure = "
    /\_/\
@@ -349 +351 @@
           " -->"."\n";
 
+
+
           if (defined('DC_DEV') && DC_DEV === true) {
                echo self::debugInfo();
@@ -416 +420 @@
           "</div>\n".         // End of #main
           "</div>\n".         // End of #wrapper
+
+          '<p id="gototop"><a href="#wrapper">'.__('Page top').'</a></p>'."\n".
+
           '<div id="footer" role="contentinfo"><p>&nbsp;</p></div>'."\n".
           '</body></html>';