CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-19 07:56:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(footer): wrap footer text in a span for improved truncation handling

Browse Source
This commit is contained in:
cfngc4594 2025-02-26 14:43:27 +08:00
parent 89ea5b4684
commit 9184dc6eb2
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(app)/playground/@problem/@description/components/footer.tsx
View File

@ -14,7 +14,9 @@ export default function ProblemDescriptionFooter({
className={cn("h-9 flex flex-none items-center bg-muted", className)} className={cn("h-9 flex flex-none items-center bg-muted", className)}
> >
<div className="w-full flex items-center justify-center"> <div className="w-full flex items-center justify-center">
<span className="truncate">
Description of Two Sum Description of Two Sum
</span>
</div> </div>
</footer> </footer>
); );

2
src/app/(app)/playground/@problem/@solution/components/footer.tsx
View File

@ -14,7 +14,9 @@ export default function ProblemSolutionFooter({
className={cn("h-9 flex flex-none items-center bg-muted", className)} className={cn("h-9 flex flex-none items-center bg-muted", className)}
> >
<div className="w-full flex items-center justify-center"> <div className="w-full flex items-center justify-center">
<span className="truncate">
Solution of Two Sum Solution of Two Sum
</span>
</div> </div>
</footer> </footer>
); );

2
src/app/(app)/playground/@workspace/@editor/components/footer.tsx
View File

@ -42,9 +42,11 @@ export default function WorkspaceEditorFooter({
className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)} className={cn("h-9 flex flex-none items-center bg-muted px-3 py-2", className)}
> >
<div className="w-full flex items-center justify-end"> <div className="w-full flex items-center justify-end">
<span className="truncate">
{position {position
? `Row ${position.lineNumber}, Column ${position.column}` ? `Row ${position.lineNumber}, Column ${position.column}`
: "Row -, Column -"} : "Row -, Column -"}
</span>
</div> </div>
</footer> </footer>
); );