#12 - instance search box icon changed

minjk-bl · minjk-bl · commit 67508fb9dde9 · 2021-05-14T17:20:11.000+09:00
diff --git a/css/common/instanceEditor.css b/css/common/instanceEditor.css
@@ -21,8 +21,8 @@
 #vp-wrapper .vp-ins-select-container .vp-ins-search-icon {
     position: absolute;
     color: #C4C4C4;
-    right: 7px;
-    top: 7px;
+    right: 5px;
+    top: 5px;
 }
 .vp-ins-select-box {
     margin-top: 5px;
diff --git a/src/common/vpInstanceEditor.js b/src/common/vpInstanceEditor.js
@@ -146,9 +146,13 @@ define([
 
         tag.appendFormatLine('<div class="{0} {1}">', VP_INS_SELECT_CONTAINER, 'attr');
         tag.appendFormatLine('<div class="vp-multilang {0}">Attribute</div>', VP_INS_SELECT_TITLE);
+
+        tag.appendFormatLine('<div style="{0}">', 'position: relative;');
         tag.appendFormatLine('<input class="vp-input {0} {1}" type="text" placeholder="search attribute" />', VP_INS_SEARCH, 'attr');
-        tag.appendFormatLine('<i class="{0} {1}"></i>', 'fa fa-search', 'vp-ins-search-icon');
         tag.appendFormatLine('<input class="{0} {1}" type="hidden"/>', VP_INS_TYPE, 'attr');
+        tag.appendFormatLine('<i class="{0} {1}"></i>', 'fa fa-search', 'vp-ins-search-icon');
+        tag.appendLine('</div>');
+
         tag.appendFormatLine('<div class="{0} {1}">', VP_INS_SELECT_BOX, 'attr');
         tag.appendFormatLine('<ul class="{0} {1}">', VP_INS_SELECT_LIST, 'attr');
         tag.appendLine('</ul>');
@@ -157,9 +161,13 @@ define([
 
         tag.appendFormatLine('<div class="{0} {1}">', VP_INS_SELECT_CONTAINER, 'method');
         tag.appendFormatLine('<div class="vp-multilang {0}">Method</div>', VP_INS_SELECT_TITLE);
+
+        tag.appendFormatLine('<div style="{0}">', 'position: relative;');
         tag.appendFormatLine('<input class="vp-input {0} {1}" type="text" placeholder="search method" />', VP_INS_SEARCH, 'method');
         tag.appendFormatLine('<input class="{0} {1}" type="hidden"/>', VP_INS_TYPE, 'method');
         tag.appendFormatLine('<i class="{0} {1}"></i>', 'fa fa-search', 'vp-ins-search-icon');
+        tag.appendLine('</div>');
+        
         tag.appendFormatLine('<div class="{0} {1}">', VP_INS_SELECT_BOX, 'method');
         tag.appendFormatLine('<ul class="{0} {1}">', VP_INS_SELECT_LIST, 'method');
         tag.appendLine('</ul>');
