From 77c0c42f9e39e630b1c2807799ea354eeb753954 Mon Sep 17 00:00:00 2001
From: "zorro.zhang" <zorro.zhang@bambulab.com>
Date: Wed, 14 Jun 2023 17:55:48 +0800
Subject: [PATCH] FIX: Filaments Height when Have too many printers

Change-Id: Iae85d48791cbe6e399b98fd34f041d6b7de9f872
---
 resources/web/guide/22/22.css     |  3 ++-
 resources/web/guide/22/index.html | 27 +++++++++++++++++++++++----
 resources/web/guide/23/23.css     |  3 ++-
 resources/web/guide/23/index.html |  2 +-
 4 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/resources/web/guide/22/22.css b/resources/web/guide/22/22.css
index 8e835f807..d06f11981 100644
--- a/resources/web/guide/22/22.css
+++ b/resources/web/guide/22/22.css
@@ -32,6 +32,7 @@ input
 
 #ItemSelectArea
 {
+	flex: 0 0 40px;
 	height:40px;
 	border-top: 1px solid #00AE42;
 	display: flex;
@@ -46,7 +47,7 @@ input
 
 #ItemBlockArea
 {
-	flex: 1;
+	flex: 1 0 236px;
 	display:flex;
 	overflow-x:auto;
 	flex-wrap:wrap;
diff --git a/resources/web/guide/22/index.html b/resources/web/guide/22/index.html
index 0b0bd5473..6e379d2a0 100644
--- a/resources/web/guide/22/index.html
+++ b/resources/web/guide/22/index.html
@@ -19,7 +19,7 @@
 <div id="Title">
 	<div class="trans" tid="t14">Filament Selection</div>
 </div>
-<div id="Content">
+<div id="Content" class="ZScrol">
 
 <div id="MachineList" class="ChooseBlock">
 	<div class="CName"><span class="trans" tid="t15">printer</span>：</div>
@@ -33,7 +33,15 @@
 	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>	
 	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>
 	<div><input type="checkbox" />Bambulab BBL-3DP-001-V5-normal</div>
-	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>	-->		
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V5-normal</div>
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>		
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V5-normal</div>
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>	
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V5-normal</div>
+	<div><input type="checkbox" />Bambulab BBL-3DP-001-V4-normal</div>	-->	
 	</div>
 </div>	
 	
@@ -46,7 +54,13 @@
 	<div><input type="checkbox" />ABS</div>
 	<div><input type="checkbox" />TPU</div>	
 	<div><input type="checkbox" />PA6+CF</div>
-	<div><input type="checkbox" />N/A</div>-->		
+	<div><input type="checkbox" />N/A</div>	
+	<div><input type="checkbox" filatype="PLA" />PLA</div>
+	<div><input type="checkbox" />PET</div>	
+	<div><input type="checkbox" />ABS</div>
+	<div><input type="checkbox" />TPU</div>	
+	<div><input type="checkbox" />PA6+CF</div>
+	<div><input type="checkbox" />N/A</div>	-->		
 	</div>
 </div>
 	
@@ -58,7 +72,12 @@
 	<div><input type="checkbox" />BBL</div>	
 	<div><input type="checkbox" />eSUN</div>
 	<div><input type="checkbox" />Kexcelled</div>	
-	<div><input type="checkbox" />Polymaker</div>-->
+	<div><input type="checkbox" />Polymaker</div>
+	<div><input type="checkbox" vendor="Unknow" />Unknown</div>
+	<div><input type="checkbox" />BBL</div>	
+	<div><input type="checkbox" />eSUN</div>
+	<div><input type="checkbox" />Kexcelled</div>	
+	<div><input type="checkbox" />Polymaker</div>-->		
     </div>
 </div>
 
diff --git a/resources/web/guide/23/23.css b/resources/web/guide/23/23.css
index 620a6f71c..e0a4f0d64 100644
--- a/resources/web/guide/23/23.css
+++ b/resources/web/guide/23/23.css
@@ -32,6 +32,7 @@ input
 
 #ItemSelectArea
 {
+	flex: 0 0 40px;
 	height:40px;
 	border-top: 1px solid #00AE42;
 	display: flex;
@@ -46,7 +47,7 @@ input
 
 #ItemBlockArea
 {
-	flex: 1;
+	flex: 1 0 236px;
 	display:flex;
 	overflow-x:auto;
 	flex-wrap:wrap;
diff --git a/resources/web/guide/23/index.html b/resources/web/guide/23/index.html
index 84d620648..6ab43f73f 100644
--- a/resources/web/guide/23/index.html
+++ b/resources/web/guide/23/index.html
@@ -19,7 +19,7 @@
 <div id="Title">
 	<div class="trans" tid="t14">Filament Selection</div>
 </div>
-<div id="Content">
+<div id="Content" class="ZScrol">
 
 <div id="MachineList" class="ChooseBlock">
 	<div class="CName"><span class="trans" tid="t15">printer</span>：</div>