Fix code accordian text alignment

This commit is contained in:
Saoud Rizwan
2024-09-12 12:49:00 -04:00
parent 3a01b44a41
commit b9e2610b38

View File

@@ -49,7 +49,21 @@ const CodeAccordian = ({ code, diff, language, path, isFeedback, isExpanded, onT
msUserSelect: "none",
}}
onClick={onToggleExpand}>
{isFeedback && <span className="codicon codicon-feedback" style={{ marginRight: "6px" }}></span>}
{isFeedback ? (
<div style={{ display: "flex", alignItems: "center" }}>
<span className="codicon codicon-feedback" style={{ marginRight: "6px" }}></span>
<span
style={{
whiteSpace: "nowrap",
overflow: "hidden",
textOverflow: "ellipsis",
marginRight: "8px",
}}>
User Edits
</span>
</div>
) : (
<>
<span
style={{
whiteSpace: "nowrap",
@@ -60,8 +74,10 @@ const CodeAccordian = ({ code, diff, language, path, isFeedback, isExpanded, onT
direction: "rtl",
textAlign: "left",
}}>
{isFeedback ? "User Edits" : removeLeadingNonAlphanumeric(path ?? "") + "\u200E"}
{removeLeadingNonAlphanumeric(path ?? "") + "\u200E"}
</span>
</>
)}
<span className={`codicon codicon-chevron-${isExpanded ? "up" : "down"}`}></span>
</div>
)}