Merge pull request #1361 from opf/bugfix/hacky-responsive-sorting-dropdowns

Bugfix/hacky responsive sorting dropdowns

app/assets/javascripts/angular/services/user-service.js

@@ -31,7 +31,7 @@ angular.module('openproject.services')
 .service('UserService', ['$http', 'PathHelper', function($http, PathHelper) {
   var registeredUserIds = [], cachedUsers = {};
 
-  UserService = {
+  var UserService = {
     getUsers: function(projectIdentifier) {
       var url, params;
 

app/assets/stylesheets/content/_modal.sass

@@ -74,3 +74,16 @@ $ng-modal-image-width:   $ng-modal-image-height
     margin: 30px 7px 0 0
   .select2-container
     margin: 0 0 10px 0
+
+
+  #modal-sorting
+    min-width: 900px
+    .select2-container
+      @media(max-width: 1800px)
+        width: 280px
+      @media(max-width: 1400px)
+        width: 230px
+      @media(max-width: 1100px)
+        width: 160px
+      @media(max-width: 800px)
+        width: 120px

public/templates/work_packages/modals/sorting.html

@@ -4,15 +4,17 @@
 
     <h3>Sorting</h3>
 
-    <div ng-repeat="element in sortElements">
-      <input type="hidden"
-             ui-select2-sortable="sortByOptions"
-             simple-query="getAvailableColumnsData"
-             ng-model="element[0]"></input>
-      <input type="hidden"
-             ui-select2-sortable="sortDirectionOptions"
-             simple-query="getDirectionsData"
-             ng-model="element[1]"></input>
+    <div id="modal-sorting" class="modal-content-container">
+      <div ng-repeat="element in sortElements">
+        <input type="hidden"
+               ui-select2-sortable="sortByOptions"
+               simple-query="getAvailableColumnsData"
+               ng-model="element[0]"></input>
+        <input type="hidden"
+               ui-select2-sortable="sortDirectionOptions"
+               simple-query="getDirectionsData"
+               ng-model="element[1]"></input>
+      </div>
     </div>
 
     <div>