Merge pull request #1111 from RawKStar77/hideviewsort2

Improve CSS for viewsort controls

h/css/common.scss

@@ -1172,8 +1172,12 @@ h3.stream {
   cursor: pointer;
 }
 
-.VS-search .VS-icon-cancel:hover {
+.VS-search .VS-icon-cancel:hover { 
+  width: 11px; height: 11px;
+  background-position: center 0;
   background-image: url(../images/svg/cancel_black.svg);
+  background-size: contain;
+  cursor: pointer;
 }
 
 .VS-search .VS-icon-search {
@@ -1208,11 +1212,18 @@ h3.stream {
 // View and Sort tabs ////////////////////
 
 .viewsort {
+  @include single-transition(top, .25s);
   width: 100%;
   text-align: center;
-  position: absolute;
+  position: fixed;
   top: 29px;
   right: 0;
+  z-index: 4;
+
+  &.ng-hide {
+    top: 0;
+    display:block!important;
+  }
 }
 
 .viewsort > .dropdown {
@@ -1222,8 +1233,15 @@ h3.stream {
   font-family: $sansFontFamily;
   background: $white;
   border: solid 1px $grayLighter;
-  padding: 0 4px;
+  padding: 0 10px;
   margin: 0 3px;
   display: inline-block;
-  z-index: 4;   
+
+  .dropdown-menu {
+    margin-top: 0;
+
+    &:before, &:after {
+      display: none;
+    }
+  }
 }

h/js/controllers.coffee

@@ -685,7 +685,7 @@ class Editor
 class Viewer
   this.$inject = [
     '$location', '$rootScope', '$routeParams', '$scope',
-    'annotator'
+    'annotator', 'viewFilter'
   ]
   constructor: (
     $location, $rootScope, $routeParams, $scope,
@@ -698,6 +698,7 @@ class Viewer
         {view:'Document'}
         {view:"Comments"}
     ]
+
     $scope.sorts = [
         {sort:'Newest'}
         {sort:'Oldest'}