Prechádzať zdrojové kódy

Ellipsis browser url

Saoud Rizwan 1 rok pred
rodič
commit
d48d4378ed

+ 11 - 3
webview-ui/src/components/chat/BrowserSessionRow.tsx

@@ -270,10 +270,17 @@ const BrowserSessionRow = memo((props: BrowserSessionRowProps) => {
 							? "var(--vscode-input-foreground)"
 							? "var(--vscode-input-foreground)"
 							: "var(--vscode-descriptionForeground)",
 							: "var(--vscode-descriptionForeground)",
 						fontSize: "12px",
 						fontSize: "12px",
-						wordBreak: "break-all",
-						whiteSpace: "normal",
 					}}>
 					}}>
-					{displayState.url || "http"}
+					<div
+						style={{
+							textOverflow: "ellipsis",
+							overflow: "hidden",
+							whiteSpace: "nowrap",
+							width: "100%",
+							textAlign: "center",
+						}}>
+						{displayState.url || "http"}
+					</div>
 				</div>
 				</div>
 
 
 				{/* Screenshot Area */}
 				{/* Screenshot Area */}
@@ -295,6 +302,7 @@ const BrowserSessionRow = memo((props: BrowserSessionRowProps) => {
 								width: "100%",
 								width: "100%",
 								height: "100%",
 								height: "100%",
 								objectFit: "contain",
 								objectFit: "contain",
+								cursor: "pointer",
 							}}
 							}}
 							onClick={() =>
 							onClick={() =>
 								vscode.postMessage({
 								vscode.postMessage({