Add scroll to top option for document view

Closes #175

gui/app/components/layout/grid/sidebar-go-top.js

@@ -0,0 +1,24 @@
+// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
+//
+// This software (Documize Community Edition) is licensed under
+// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
+//
+// You can operate outside the AGPL restrictions by purchasing
+// Documize Enterprise Edition and obtaining a commercial license
+// by contacting <sales@documize.com>.
+//
+// https://documize.com
+
+import browser from '../../../services/browser';
+import Component from '@ember/component';
+
+export default Component.extend({
+	tagName: 'div',
+	classNames: ['goto-top'],
+
+	actions: {
+		onClick() {
+			this.get('browser').scrollTo('html');
+		}
+	}
+});

gui/app/constants/constants.js

@@ -232,6 +232,7 @@ let constants = EmberObject.extend({
 		Export2: 'dicon-upload',
 		Filter: 'dicon-sort-tool',
 		Grid: 'dicon-grid-interface',
+		GoTop: 'dicon-move-layer-up',
 		Handshake: 'dicon-handshake',
 		Index: 'dicon-menu-8',
 		Integrations: 'dicon-geometry',

gui/app/pods/document/index/template.hbs

@@ -23,8 +23,8 @@
 <Layout::Grid::Container>
 	<Layout::Grid::Sidebar>
 		<div class="sidebar-content">
+			<Layout::Grid::SidebarGoTop />
 			<div class="section">
-
 				<div class="text-center">
 					{{#ui/ui-toolbar dark=false light=true raised=true large=false bordered=true}}
 						{{ui/ui-toolbar-icon icon=constants.Icon.Index color=constants.Color.Gray tooltip="Table of contents"

gui/app/styles/core/icon-ui.scss

@@ -434,3 +434,7 @@ icons
 .dicon-menu-5::before {
   content: "\ea5c";
 }
+
+.dicon-move-layer-up::before {
+  content: "\ea5d";
+}

gui/app/styles/core/layout/layout.scss

@@ -36,6 +36,9 @@ $sidebar-height: auto;
 			// overflow-x: hidden;
 			// overflow-y: auto;
 			padding: 20px 10px 20px 20px;
+			height: calc(100vh - 150px);
+			@include sticky();
+			top: 0px;
 		}
 
 		.master-content {

gui/app/styles/core/layout/sidebar.scss

@@ -7,6 +7,19 @@
 	// background-color: map-get($gray-shades, 100);
 	@include border-radius(6px);
 
+	> .goto-top {
+		position: absolute;
+		top: 7px;
+		left: 10px;
+		cursor: pointer;
+		color: map-get($gray-shades, 500);
+		font-size: 1rem;
+
+		&:hover {
+			color: map-get($gray-shades, 800);
+		}
+	}
+
 	> .section {
 		margin: 0;
 		padding: 0 7px;

gui/app/templates/components/layout/grid/sidebar-go-top.hbs

@@ -0,0 +1,3 @@
+<i class="dicon {{constants.Icon.GoTop}}" {{action "onClick"}}>
+    {{#attach-tooltip showDelay=750}}Scroll to top{{/attach-tooltip}}
+</i>