Edit MultiSelector component's style

minjk-bl · minjk-bl · commit 4a3340601d8b · 2022-05-16T15:55:00.000+09:00
diff --git a/css/component/multiSelector.css b/css/component/multiSelector.css
@@ -1,6 +1,6 @@
 .vp-cs-select-container {
     width: 100%;
-    height: 100%;
+    height: calc(100% - 25px);
     display: grid;
     grid-template-columns: calc(47% - 15px) 50px calc(47% - 15px);
     grid-auto-rows: 100%;
diff --git a/js/com/component/MultiSelector.js b/js/com/component/MultiSelector.js
@@ -199,6 +199,7 @@ define([
             //                         , APP_SELECT_SEARCH, 'Search Column');
             var vpSearchSuggest = new SuggestInput();
             vpSearchSuggest.addClass(APP_SELECT_SEARCH);
+            vpSearchSuggest.addClass('vp-input');
             vpSearchSuggest.setPlaceholder('Search ' + this.mode);
             vpSearchSuggest.setSuggestList(function() { return that.dataList; });
             vpSearchSuggest.setSelectEvent(function(value) {
@@ -234,7 +235,7 @@ define([
 
         renderSelectionBox(dataList) {
             var tag = new com_String();
-            tag.appendFormatLine('<div class="{0} {1} {2} {3}">', APP_SELECT_BOX, 'left', APP_DROPPABLE, 'no-selection');
+            tag.appendFormatLine('<div class="{0} {1} {2} {3}">', APP_SELECT_BOX, 'left', APP_DROPPABLE, 'no-selection vp-scrollbar');
             // get data and make draggable items
             dataList && dataList.forEach((data, idx) => {
                 // for column : data.array parsing
@@ -254,7 +255,7 @@ define([
 
         renderSelectedBox(dataList) {
             var tag = new com_String();
-            tag.appendFormatLine('<div class="{0} {1} {2} {3}">', APP_SELECT_BOX, 'right', APP_DROPPABLE, 'no-selection');
+            tag.appendFormatLine('<div class="{0} {1} {2} {3}">', APP_SELECT_BOX, 'right', APP_DROPPABLE, 'no-selection vp-scrollbar');
             // get data and make draggable items
             dataList && dataList.forEach((data, idx) => {
                 // for column : data.array parsing
