Ellipsis browser url

This commit is contained in:
Saoud Rizwan
2024-10-28 03:39:26 -04:00
parent bca22a8aa1
commit d48d4378ed

View File

@@ -270,11 +270,18 @@ 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", <div
style={{
textOverflow: "ellipsis",
overflow: "hidden",
whiteSpace: "nowrap",
width: "100%",
textAlign: "center",
}}> }}>
{displayState.url || "http"} {displayState.url || "http"}
</div> </div>
</div>
{/* Screenshot Area */} {/* Screenshot Area */}
<div <div
@@ -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({