From bda0d138b542c2e89d6fbd1e212d413e4dfbb373 Mon Sep 17 00:00:00 2001
From: "zorro.zhang" <zorro.zhang@bambulab.com>
Date: Thu, 11 Apr 2024 12:23:14 +0800
Subject: [PATCH] FIX: Error msg when click makerlab

JIRA: STUDIO-6784
Change-Id: I0ace74fd0a84232972b18d09dfc7110516dd4569
---
 resources/web/homepage3/css/home.css | 11 +++++++++++
 resources/web/homepage3/home.html    | 12 ++++++------
 resources/web/homepage3/js/home.js   |  2 +-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/resources/web/homepage3/css/home.css b/resources/web/homepage3/css/home.css
index fb6d588f6..0c1dc2598 100644
--- a/resources/web/homepage3/css/home.css
+++ b/resources/web/homepage3/css/home.css
@@ -24,6 +24,17 @@ body
 	
 }
 
+.MakerlabItem
+{
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+	position: relative;
+	cursor: pointer;
+	border-radius: 8px;	
+}
+
 .MakerlabImg img
 {
 	width: 100%;
diff --git a/resources/web/homepage3/home.html b/resources/web/homepage3/home.html
index 485229280..b7ef1317d 100644
--- a/resources/web/homepage3/home.html
+++ b/resources/web/homepage3/home.html
@@ -256,7 +256,7 @@
             <div class="Right_Title_More TextS1" onClick="SwtichLeftMenu('makerlab')"><span class="trans" tid="t108">MORE</span> ></div>	
 		</div>
 		<div id="LabList" class="SingleGuideBar">
-<!--		    <div class="FileItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
+<!--		    <div class="MakerlabItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
 				<div class="MakerlabImg"><img src="img/ml1.jpg"/></div>
 				<div class="MakerlabTextBlock">
 				<div class="MakerlabName">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
@@ -264,7 +264,7 @@
 				<div class="MakerlabAuthor">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
 				</div>
 			</div>
-		    <div class="FileItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
+		    <div class="MakerlabItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
 				<div class="MakerlabImg"><img src="img/ml1.jpg"/></div>
 				<div class="MakerlabTextBlock">
 				<div class="MakerlabName">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
@@ -272,7 +272,7 @@
 				<div class="MakerlabAuthor">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
 				</div>
 			</div>
-		    <div class="FileItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
+		    <div class="MakerlabItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
 				<div class="MakerlabImg"><img src="img/ml1.jpg"/></div>
 				<div class="MakerlabTextBlock">
 				<div class="MakerlabName">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
@@ -280,7 +280,7 @@
 				<div class="MakerlabAuthor">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
 				</div>
 			</div>
-		    <div class="FileItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
+		    <div class="MakerlabItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
 				<div class="MakerlabImg"><img src="img/ml1.jpg"/></div>
 				<div class="MakerlabTextBlock">
 				<div class="MakerlabName">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
@@ -288,7 +288,7 @@
 				<div class="MakerlabAuthor">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
 				</div>
 			</div>
-		    <div class="FileItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
+		    <div class="MakerlabItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
 				<div class="MakerlabImg"><img src="img/ml1.jpg"/></div>
 				<div class="MakerlabTextBlock">
 				<div class="MakerlabName">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
@@ -296,7 +296,7 @@
 				<div class="MakerlabAuthor">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
 				</div>
 			</div>
-		    <div class="FileItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
+		    <div class="MakerlabItem GuideBlock" onClick="OnOpenOneMakerlab('aaaa')" >
 				<div class="MakerlabImg"><img src="img/ml1.jpg"/></div>
 				<div class="MakerlabTextBlock">
 				<div class="MakerlabName">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
diff --git a/resources/web/homepage3/js/home.js b/resources/web/homepage3/js/home.js
index 7f5957b35..084d25667 100644
--- a/resources/web/homepage3/js/home.js
+++ b/resources/web/homepage3/js/home.js
@@ -795,7 +795,7 @@ function ShowMakerlabList( LabList )
 			continue;
 		
 		
-		strLabHtml+='<div class="FileItem GuideBlock" onClick="OnOpenOneMakerlab(\''+LabUrl+'\')" >'+
+		strLabHtml+='<div class="MakerlabItem GuideBlock" onClick="OnOpenOneMakerlab(\''+LabUrl+'\')" >'+
 				'<div class="MakerlabImg"><img src="'+LabImg+'"/></div>'+
 				'<div class="MakerlabTextBlock">'+
 				'<div class="MakerlabName">'+LabName+'</div>'+