Add button to controls section

Author: jrauh01

application/controllers/HistoryController.php

@@ -16,6 +16,7 @@
 use ipl\Web\Control\LimitControl;
 use ipl\Web\Control\SortControl;
 use ipl\Web\Url;
+use ipl\Web\Widget\ActionLink;
 use ipl\Web\Widget\ButtonLink;
 
 class HistoryController extends Controller
@@ -92,6 +93,14 @@ public function indexAction()
 
         yield $this->export($history);
 
+        $this->addControl(
+            new ActionLink(
+                'Scroll to top',
+                $this->getRequest()->getUrl() . '#page-1',
+                'angles-up',
+                new Attributes(['class' => 'scroll-to-top'])
+            )
+        );
         $this->addControl($sortControl);
         $this->addControl($limitControl);
         $this->addControl($viewModeSwitcher);
@@ -114,12 +123,6 @@ public function indexAction()
         } else {
             $this->addContent(new HtmlElement('span', new Attributes(['id' => 'page-1'])));
             $this->addContent($historyList);
-            $this->addContent(new ButtonLink(
-                '',
-                $this->getRequest()->getUrl() . '#page-1',
-                'angles-up',
-                new Attributes(['class' => 'scroll-to-top', 'title' => $this->translate('Scroll to top')])
-            ));
         }
 
         if (! $searchBar->hasBeenSubmitted() && $searchBar->hasBeenSent()) {

public/css/common.less

@@ -311,24 +311,13 @@ form[name="form_confirm_removal"] {
 }
 
 .scroll-to-top {
-  .rounded-corners(50%);
-
-  position: absolute;
-  right: 1em;
-  bottom: 1em;
-  font-size: 2em;
-  line-height: .75em;
-  padding: .5em;
-
-  -webkit-box-shadow: 0 0 1/3em rgba(0,0,0,.3);
-  -moz-box-shadow: 0 0 1/3em rgba(0,0,0,.3);
-  box-shadow: 0 0 1/3em rgba(0,0,0,.3);
-
-  &:hover {
-    background: @gray-light;
-  }
+  border-radius: .4em;
+  padding: .25em;
+  display: inline-flex;
+  align-items: baseline;
+}
 
-  i.icon::before {
-    margin-right: 0;
-  }
+.scroll-to-top:hover {
+  background: @control-hover-bg;
+  text-decoration: none;
 }

public/js/action-list.js

@@ -643,7 +643,7 @@
 
                 // Set data-icinga-url to make it available for Icinga.History.getCurrentState()
                 req.$target.closest('.container').data('icingaUrl', url);
-                req.$target.next('.scroll-to-top').attr('href', url.split('#')[0] + '#page-1');
+                req.$target.closest('.container').find('.controls .scroll-to-top').attr('href', url.split('#')[0] + '#page-1');
 
                 this.icinga.history.replaceCurrentState();
             });