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,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({