v3.6

Author: hikki

resources/assets/component.css

@@ -59,7 +59,7 @@
     vertical-align: middle;
     display: inline-block;
     width: 100%;
-    height: 24px;
+    height: 30px;
     background: #ededed;
     color: #666;
     border: 1px solid #e5e5e5;
@@ -138,7 +138,8 @@
     display: inline-block;
     border-radius: 2px;
     padding: 0 2px!important;
-    height: 18px;
+    height: 20px;
+    line-height: 20px;
     margin-right: 2px!important;
     max-width: 5em;
 }
@@ -158,6 +159,7 @@
     padding: 0;
     border-radius: 3px;
 }
+.dlp-dot-menu>.menu-list .dot-search{height: 24px}
 .dlp-dot-menu>.menu-list>.list{width:100%;max-height: 150px;overflow-y: auto;}
 .dlp-dot-menu>.menu-list .option{
     display: flex;
@@ -304,7 +306,7 @@
     text-align: left;
     background: #181818;
 }
-
+.dlp-table .dlp-input{height: 24px!important;}
 .dlp-table .dlp-tbody{display:block;height:100%;overflow-y:scroll!important;background: rgb(50 50 50 / 80%);}
 .dlp-table .dlp-tr{display:table;width:100%;table-layout:fixed;position: relative;}
 .dlp-tr>th,.dlp-tr>td{overflow: hidden;padding:  7px 3px 7px 3px;text-align: left}

resources/assets/component.js

@@ -200,6 +200,7 @@ window.ComponentDot = class {
                 }
             });
             queue.forEach((D)=>D.click());
+            if(menu_mode === true) this.DOM.querySelector('.menu-list').style.display = 'none';
         });
         if(menu_mode === false) {
             this.make(selected, select);
@@ -866,11 +867,12 @@ window.ComponentLine = class {
             if (val.type === 'hidden') {
                 continue;
             }
-            head += `<th class="dlp-text text-white" style="${val.style}">${val.name}</th>`;
+            let style = val.style ? `style="${val.style}"` : '';
+            head += `<th class="dlp-text text-white" ${style}>${val.name}</th>`;
             let insert_type = val.insert_type ? val.insert_type : val.type;
             switch (insert_type) {
                 case 'input':
-                    foot += `<th style="${val.style}"><input class="dlp dlp-input" data-column="${column}" placeholder=":${val.name}"/></th>`;
+                    foot += `<th ${style}><input class="dlp dlp-input" data-column="${column}" placeholder=":${val.name}"/></th>`;
                     break;
                 case 'select':
 
@@ -889,14 +891,15 @@ window.ComponentLine = class {
                             break;
                     }
                     this.format_settings[column] = format;
-                    foot += `<th style="position: relative;overflow: unset;${val.style}"><input class="dlp dlp-input datetime-${column}" data-column="${column}"/></th>`;
+                    style = val.style ? `${val.style}` : '';
+                    foot += `<th style="position: relative;overflow: unset;${style}"><input class="dlp dlp-input datetime-${column}" data-column="${column}"/></th>`;
                     break;
                 case 'hidden':
                     foot += `<th><input data-column="${column}" type="hidden"/></th>`;
                     break;
                 default:
                     this.COLUMNS[column].insert_type = 'input';
-                    foot += `<th style="${val.style}"><input class="dlp dlp-input" data-column="${column}" placeholder=":${val.name}"/></th>`;
+                    foot += `<th ${style}><input class="dlp dlp-input" data-column="${column}" placeholder=":${val.name}"/></th>`;
                     break;
             }
         }