Edit styles on Fit/Predict and ModelInfo app

minjk-bl · minjk-bl · commit 74e355a45216 · 2022-06-15T16:59:42.000+09:00
diff --git a/css/m_ml/fitPredict.css b/css/m_ml/fitPredict.css
@@ -18,7 +18,7 @@
     border: 0.25px solid var(--border-gray-color);
 }
 .vp-ins-select-list {
-    height: 145px;
+    height: 150px;
     width: 100%;
     list-style: none;
     margin: 0px;
@@ -41,4 +41,6 @@
 }
 .vp-ins-parameter-box {
     grid-column: 1/3;
+    min-height: 150px;
+    align-content: baseline;
 }
diff --git a/css/m_ml/modelInfo.css b/css/m_ml/modelInfo.css
@@ -15,7 +15,7 @@
     border: 0.25px solid var(--border-gray-color);
 }
 .vp-ins-select-list {
-    height: 145px;
+    height: 150px;
     width: 100%;
     list-style: none;
     margin: 0px;
@@ -38,4 +38,6 @@
 }
 .vp-ins-parameter-box {
     grid-column: 1/3;
+    min-height: 150px;
+    align-content: baseline;
 }
diff --git a/html/m_ml/fitPredict.html b/html/m_ml/fitPredict.html
@@ -30,7 +30,7 @@
                     <i class="fa fa-search vp-ins-search-icon"></i>
                 </div>
                 <div class="vp-ins-select-box action">
-                    <ul class="vp-ins-select-list action vp-scrollbar" style="height:80px">
+                    <ul class="vp-ins-select-list action vp-scrollbar">
                         <!-- Auto Create -->
                     </ul>
                 </div>
diff --git a/html/m_ml/modelInfo.html b/html/m_ml/modelInfo.html
@@ -30,7 +30,7 @@
                     <i class="fa fa-search vp-ins-search-icon"></i>
                 </div>
                 <div class="vp-ins-select-box info">
-                    <ul class="vp-ins-select-list info vp-scrollbar" style="height:80px">
+                    <ul class="vp-ins-select-list info vp-scrollbar">
                         <!-- Auto Create -->
                     </ul>
                 </div>
diff --git a/js/m_ml/FitPredict.js b/js/m_ml/FitPredict.js
@@ -257,6 +257,9 @@ define([
                 let type = $(this).data('var-type');
                 
                 that.renderOptionPage(type, name);
+
+                let optionPage = $(that.wrapSelector('.vp-ins-parameter-box')).get(0);
+                optionPage && optionPage.scrollIntoView();
             });
 
             // load once on initializing page
diff --git a/js/m_ml/ModelInfo.js b/js/m_ml/ModelInfo.js
@@ -257,6 +257,9 @@ define([
                 let type = $(this).data('var-type');
                 
                 that.renderOptionPage(type, name);
+
+                let optionPage = $(that.wrapSelector('.vp-ins-parameter-box')).get(0);
+                optionPage && optionPage.scrollIntoView();
             });
 
             // load once on initializing page

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`border: 0.25px solid var(--border-gray-color);`
`19`	`19`	`}`
`20`	`20`	`.vp-ins-select-list {`
`21`		`- height: 145px;`
	`21`	`+ height: 150px;`
`22`	`22`	`width: 100%;`
`23`	`23`	`list-style: none;`
`24`	`24`	`margin: 0px;`
`@@ -41,4 +41,6 @@`
`41`	`41`	`}`
`42`	`42`	`.vp-ins-parameter-box {`
`43`	`43`	`grid-column: 1/3;`
	`44`	`+ min-height: 150px;`
	`45`	`+ align-content: baseline;`
`44`	`46`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`border: 0.25px solid var(--border-gray-color);`
`16`	`16`	`}`
`17`	`17`	`.vp-ins-select-list {`
`18`		`- height: 145px;`
	`18`	`+ height: 150px;`
`19`	`19`	`width: 100%;`
`20`	`20`	`list-style: none;`
`21`	`21`	`margin: 0px;`
`@@ -38,4 +38,6 @@`
`38`	`38`	`}`
`39`	`39`	`.vp-ins-parameter-box {`
`40`	`40`	`grid-column: 1/3;`
	`41`	`+ min-height: 150px;`
	`42`	`+ align-content: baseline;`
`41`	`43`	`}`