small design changes

minjk-bl · minjk-bl · commit 64c7b4af03b5 · 2022-05-06T10:28:07.000+09:00
diff --git a/css/component/instanceEditor.css b/css/component/instanceEditor.css
@@ -86,7 +86,7 @@
     margin-top: 5px;
 }
 .vp-ins-select-container .vp-create-var {
-    width: 100%;
+    width: 100% !important;
 }
 .vp-ins-select-container .vp-create-var-btn {
     position: absolute;
diff --git a/css/m_apps/subset.css b/css/m_apps/subset.css
@@ -3,6 +3,7 @@
 }
 .vp-ds-body > table {
     width: 100%;
+    table-layout: fixed;
 }
 .vp-ds-body > table tr td {
     padding-bottom: 5px;
diff --git a/css/m_ml/fitPredict.css b/css/m_ml/fitPredict.css
@@ -4,7 +4,6 @@
 .vp-ins-select-title {
     font-weight: bold;
     color: var(--font-hightlight);
-    padding: 5px 5px 5px 0px;
 }
 .vp-ins-select-container input.vp-ins-search {
     width: 100%;
@@ -16,7 +15,6 @@
     top: 7px;
 }
 .vp-ins-select-box {
-    margin-top: 5px;
     border: 0.25px solid var(--border-gray-color);
 }
 .vp-ins-select-list {
diff --git a/css/m_ml/modelInfo.css b/css/m_ml/modelInfo.css
@@ -1,7 +1,6 @@
 .vp-ins-select-title {
     font-weight: bold;
     color: var(--font-hightlight);
-    padding: 5px 5px 5px 0px;
 }
 .vp-ins-select-container input.vp-ins-search {
     width: 100%;
@@ -13,7 +12,6 @@
     top: 7px;
 }
 .vp-ins-select-box {
-    margin-top: 5px;
     border: 0.25px solid var(--border-gray-color);
 }
 .vp-ins-select-list {
diff --git a/css/m_visualize/seaborn.css b/css/m_visualize/seaborn.css
@@ -4,6 +4,9 @@
     padding-right: 5px;
     cursor: pointer;
 }
+.vp-chart-setting:hover {
+    color: var(--font-hightlight);
+}
 .vp-create-subplot-btn {
     float: right;
 }
@@ -68,9 +71,9 @@
     padding-right: 5px;
 }
 .vp-chart-preview-box {
-    min-height: 150px;
+    min-height: 352px;
     width: 100%;
-    height: calc(100% - 30px);
+    height: calc(100% - 70px);
 }
 
 .vp-tab-page label {
diff --git a/css/popupComponent.css b/css/popupComponent.css
@@ -121,6 +121,7 @@
 }
 .vp-popup-content {
     min-height: calc(100% - 30px);
+    height: 100%;
 }
 .vp-popup-footer {
     position: relative;
diff --git a/html/m_ml/fitPredict.html b/html/m_ml/fitPredict.html
@@ -7,13 +7,13 @@
             <div class="vp-grid-col-p50 vp-model-select-box">
                 <!-- Model Categories -->
                 <div class="vp-ins-select-box category">
-                    <ul class="vp-ins-select-list category vp-scrollbar" style="height:80px">
+                    <ul class="vp-ins-select-list category vp-scrollbar" style="height:100px">
                         <!-- Auto Create -->
                     </ul>
                 </div>
                 <!-- Model -->
                 <div class="vp-ins-select-box model">
-                    <ul class="vp-ins-select-list model vp-scrollbar" style="height:80px">
+                    <ul class="vp-ins-select-list model vp-scrollbar" style="height:100px">
                         <!-- Auto Create -->
                     </ul>
                 </div>
@@ -22,7 +22,7 @@
         <div class="vp-grid-border-box">
             <input type="hidden" id="modelEditorType" class="vp-state" value="">
             <input type="hidden" id="modelEditorName" class="vp-state" value="">
-            <div class="vp-ins-select-container action">
+            <div class="vp-grid-box vp-ins-select-container action">
                 <div class="vp-multilang vp-ins-select-title">Action</div>
                 <div style="position: relative;">
                     <input class="vp-input vp-ins-search attr" type="text" placeholder="Search Action">
diff --git a/html/m_ml/modelInfo.html b/html/m_ml/modelInfo.html
@@ -7,13 +7,13 @@
             <div class="vp-grid-col-p50 vp-model-select-box">
                 <!-- Model Categories -->
                 <div class="vp-ins-select-box category">
-                    <ul class="vp-ins-select-list category vp-scrollbar" style="height:80px">
+                    <ul class="vp-ins-select-list category vp-scrollbar" style="height:100px">
                         <!-- Auto Create -->
                     </ul>
                 </div>
                 <!-- Model -->
                 <div class="vp-ins-select-box model">
-                    <ul class="vp-ins-select-list model vp-scrollbar" style="height:80px">
+                    <ul class="vp-ins-select-list model vp-scrollbar" style="height:100px">
                         <!-- Auto Create -->
                     </ul>
                 </div>
@@ -22,7 +22,7 @@
         <div class="vp-grid-border-box">
             <input type="hidden" id="modelEditorType" class="vp-state" value="">
             <input type="hidden" id="modelEditorName" class="vp-state" value="">
-            <div class="vp-ins-select-container info">
+            <div class="vp-grid-box vp-ins-select-container info">
                 <div class="vp-multilang vp-ins-select-title">Info</div>
                 <div style="position: relative;">
                     <input class="vp-input vp-ins-search attr" type="text" placeholder="Search Information">
diff --git a/html/m_visualize/seaborn.html b/html/m_visualize/seaborn.html
@@ -49,7 +49,7 @@
                     <i class="fa fa-gear"></i> Setting
                 </span>
             </div>
-            <div class="vp-tab-page-box figure vp-grid-border-box">
+            <div class="vp-tab-page-box figure vp-grid-border-box vp-scrollbar">
                 <div class="vp-tab-page" data-type="1">
                     <div class="vp-chart-plot-box">
                         <!-- Chart & Data Selection & Tab option box -->
diff --git a/js/com/component/FileNavigation.js b/js/com/component/FileNavigation.js
@@ -75,7 +75,7 @@ define([
                 extensions: [],     // extensions list ex) png, jpg, gif
                 multiSelect: false, // multi selection
                 showAll: false,     // show other extension files also
-                finsh: null,        // callback after selection
+                finish: null,        // callback after selection
                 ...this.state
             };
             
diff --git a/js/m_apps/File.js b/js/m_apps/File.js
@@ -270,6 +270,7 @@ define([
             }
     
             // render interface
+            // pdGen.vp_showInterfaceOnPage(this.wrapSelector('#vp_file' + pageType), thisPkg);
             pdGen.vp_showInterfaceOnPage(this.wrapSelector('#vp_file' + pageType), thisPkg);
     
             // prepend file type selector

Original file line number	Diff line number	Diff line change
`@@ -86,7 +86,7 @@`
`86`	`86`	`margin-top: 5px;`
`87`	`87`	`}`
`88`	`88`	`.vp-ins-select-container .vp-create-var {`
`89`		`- width: 100%;`
	`89`	`+ width: 100% !important;`
`90`	`90`	`}`
`91`	`91`	`.vp-ins-select-container .vp-create-var-btn {`
`92`	`92`	`position: absolute;`
Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@`
`3`	`3`	`}`
`4`	`4`	`.vp-ds-body > table {`
`5`	`5`	`width: 100%;`
	`6`	`+ table-layout: fixed;`
`6`	`7`	`}`
`7`	`8`	`.vp-ds-body > table tr td {`
`8`	`9`	`padding-bottom: 5px;`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,6 @@`
`4`	`4`	`.vp-ins-select-title {`
`5`	`5`	`font-weight: bold;`
`6`	`6`	`color: var(--font-hightlight);`
`7`		`- padding: 5px 5px 5px 0px;`
`8`	`7`	`}`
`9`	`8`	`.vp-ins-select-container input.vp-ins-search {`
`10`	`9`	`width: 100%;`
`@@ -16,7 +15,6 @@`
`16`	`15`	`top: 7px;`
`17`	`16`	`}`
`18`	`17`	`.vp-ins-select-box {`
`19`		`- margin-top: 5px;`
`20`	`18`	`border: 0.25px solid var(--border-gray-color);`
`21`	`19`	`}`
`22`	`20`	`.vp-ins-select-list {`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`.vp-ins-select-title {`
`2`	`2`	`font-weight: bold;`
`3`	`3`	`color: var(--font-hightlight);`
`4`		`- padding: 5px 5px 5px 0px;`
`5`	`4`	`}`
`6`	`5`	`.vp-ins-select-container input.vp-ins-search {`
`7`	`6`	`width: 100%;`
`@@ -13,7 +12,6 @@`
`13`	`12`	`top: 7px;`
`14`	`13`	`}`
`15`	`14`	`.vp-ins-select-box {`
`16`		`- margin-top: 5px;`
`17`	`15`	`border: 0.25px solid var(--border-gray-color);`
`18`	`16`	`}`
`19`	`17`	`.vp-ins-select-list {`
Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,9 @@`
`4`	`4`	`padding-right: 5px;`
`5`	`5`	`cursor: pointer;`
`6`	`6`	`}`
	`7`	`+.vp-chart-setting:hover {`
	`8`	`+ color: var(--font-hightlight);`
	`9`	`+}`
`7`	`10`	`.vp-create-subplot-btn {`
`8`	`11`	`float: right;`
`9`	`12`	`}`
`@@ -68,9 +71,9 @@`
`68`	`71`	`padding-right: 5px;`
`69`	`72`	`}`
`70`	`73`	`.vp-chart-preview-box {`
`71`		`- min-height: 150px;`
	`74`	`+ min-height: 352px;`
`72`	`75`	`width: 100%;`
`73`		`- height: calc(100% - 30px);`
	`76`	`+ height: calc(100% - 70px);`
`74`	`77`	`}`
`75`	`78`
`76`	`79`	`.vp-tab-page label {`
Original file line number	Diff line number	Diff line change
`@@ -121,6 +121,7 @@`
`121`	`121`	`}`
`122`	`122`	`.vp-popup-content {`
`123`	`123`	`min-height: calc(100% - 30px);`
	`124`	`+ height: 100%;`
`124`	`125`	`}`
`125`	`126`	`.vp-popup-footer {`
`126`	`127`	`position: relative;`