From 256e502982c6c6d17d665268f68229f6b2e93926 Mon Sep 17 00:00:00 2001
From: zmagod <zmago_devetak@yahoo.com>
Date: Mon, 11 Jun 2018 14:57:27 +0200
Subject: [PATCH] fixes bug with repository items dropdown [fixes SCI-2434]

---
 .../repositories/repository_datatable.js.erb        |  7 ++++---
 app/assets/stylesheets/themes/repositories.scss     | 13 +++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/repositories/repository_datatable.js.erb b/app/assets/javascripts/repositories/repository_datatable.js.erb
index 3075232a8..b88381d9d 100644
--- a/app/assets/javascripts/repositories/repository_datatable.js.erb
+++ b/app/assets/javascripts/repositories/repository_datatable.js.erb
@@ -928,9 +928,9 @@ var RepositoryDatatable = (function(global) {
 
   // Helper functions
   function _listItemDropdown(options, current_value, column_id) {
-    var html = '<select class="form-control selectpicker" ';
+    var html = '<select class="form-control selectpicker repository-dropdown" ';
     html += 'data-abs-min-length="2" data-live-search="true" ';
-    html += 'column_id="' + column_id +'">';
+    html += 'data-container="body" column_id="' + column_id +'">';
     html += '<option value="-1"></option>';
     $.each(options, function(index, value) {
       var selected = (current_value === value[1]) ? 'selected' : '';
@@ -955,7 +955,8 @@ var RepositoryDatatable = (function(global) {
     }).done(function(data) {
       $.each(data.list_items, function(index, el) {
         massage_response.push([el.id, el.data]);
-      })
+      });
+      TABLE.columns.adjust();
     });
     return _listItemDropdown(massage_response, '-1', column_id);
   }
diff --git a/app/assets/stylesheets/themes/repositories.scss b/app/assets/stylesheets/themes/repositories.scss
index f61e84fe7..389c7b402 100644
--- a/app/assets/stylesheets/themes/repositories.scss
+++ b/app/assets/stylesheets/themes/repositories.scss
@@ -43,3 +43,16 @@
     margin-left: 5px;
   }
 }
+
+.repository-dropdown {
+  max-width: 174px;
+  width: 174px;
+
+  .dropdown-menu.open {
+    width: 174px;
+
+    .selected > a {
+      display: inline-block;
+    }
+  }
+}