Truncate history button (#50)

tjtanjin · May 3, 2024 · 99c5aa4 · 99c5aa4
1 parent 3c2db7e
commit 99c5aa4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/ChatHistoryButton/ChatHistoryButton.css b/src/components/ChatHistoryButton/ChatHistoryButton.css
@@ -24,6 +24,14 @@
 	border-color: #adadad;
 	border-width: 0.5px;
 	border-style: solid;
+	max-width: 60%;
 	cursor: pointer;
 	transition: color 0.3s ease, border-color 0.3s ease;
+}
+
+.rcb-view-history-button > p{
+	margin: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
diff --git a/src/components/ChatHistoryButton/ChatHistoryButton.tsx b/src/components/ChatHistoryButton/ChatHistoryButton.tsx
@@ -57,7 +57,9 @@ const ChatHistoryButton = ({
 				}}
 				className="rcb-view-history-button"
 			>
-				{botOptions.chatHistory?.viewChatHistoryButtonText}
+				<p>
+					{botOptions.chatHistory?.viewChatHistoryButtonText}
+				</p>
 			</div>
 		</div>
 	);
-Original file line number
+Diff line change
@@ Expand Up / @@ -57,7 +57,9 @@ const ChatHistoryButton = ({ @@
     				}}
     				className="rcb-view-history-button"
     			>
-    				{botOptions.chatHistory?.viewChatHistoryButtonText}
+    				<p>
+    					{botOptions.chatHistory?.viewChatHistoryButtonText}
+    				</p>
     			</div>
     		</div>
     	);
@@ Expand Down @@