-Solve issue with flex-box auto-scroll and height

neva-dev · Apr 24, 2021 · b2d2b8f · b2d2b8f
1 parent 0c64059
commit b2d2b8f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/main/resources/search/plugin.html b/src/main/resources/search/plugin.html
@@ -169,7 +169,7 @@
 
 <script id="bundle-classes-template" type="text/x-handlebars-template">
     <div class="dialog dialog-bundle-classes">
-		<div class="row">
+		<div class="row" style="height: 500px">
 			<div class="col span4"><div class="tree"></div></div>
 			<div class="col span8"><div id="tree-source"></div></div>
 		</div>

diff --git a/src/main/resources/search/styles.css b/src/main/resources/search/styles.css
@@ -29,8 +29,10 @@
 #tree-source{
   margin-left: 8px;
 }
+
 .row {
   display: flex;
+  align-items: stretch;
 }
 
 .col {
@@ -39,6 +41,7 @@
   width: 6.25%;
   flex: 1 1 auto;
   border: 2px solid #BBB;
+  overflow: auto;
 }
 
 .col.span2 { width: calc((6.25%*2) + 2.08333333%); }