Skip to content

fix(rank): Document History 列表加滚动，修内容溢出 (#358) #360

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
longsizhuo merged 2 commits into from
Jun 28, 2026
Merged

fix(rank): Document History 列表加滚动，修内容溢出 (#358) #360

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
63bfff0
fix(rank): 贡献者弹窗 Document History 列表加滚动，修内容溢出
github-actions[bot] Jun 27, 2026
f02395f
fix(rank): 文档标题加 min-w-0，长标题省略而非撑破弹窗
github-actions[bot] Jun 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions app/components/rank/ContributorRow.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ export function ContributorRow({

<Dialog.Portal>
<Dialog.Overlay className="fixed inset-0 bg-black/60 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" />
<Dialog.Content className="fixed left-[50%] outline-none top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border-2 border-[var(--foreground)] bg-[var(--background)] p-6 sm:p-8 shadow-[8px_8px_0px_0px_var(--foreground)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] max-h-[85vh] flex col">
<Dialog.Content className="fixed left-[50%] outline-none top-[50%] z-50 flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border-2 border-[var(--foreground)] bg-[var(--background)] p-6 sm:p-8 shadow-[8px_8px_0px_0px_var(--foreground)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] max-h-[85vh]">
{/* 弹窗核心内容：左侧头像，右侧个人基础信息 */}
<div className="flex justify-between items-start border-b-4 border-[var(--foreground)] pb-6 mb-4 shrink-0 relative">
<div className="flex gap-5 md:gap-6 items-start w-full pr-12">
Expand Down Expand Up @@ -164,7 +164,7 @@ export function ContributorRow({
</div>

{/* 文章贡献历史列表展示 */}
<div className="overflow-y-auto pr-2 flex-grow min-h-[150px] relative">
<div className="overflow-y-auto pr-2 flex-grow min-h-0 relative">
<h4 className="font-mono text-xs uppercase tracking-widest mb-3 text-[#111111]/70 dark:text-neutral-400 flex items-center gap-2">
Document History
</h4>
Expand Down Expand Up @@ -193,7 +193,7 @@ export function ContributorRow({
data-umami-event-doc={doc.title}
data-umami-event-user={user.name}
>
<span className="font-mono text-sm text-[#111111] dark:text-neutral-200 group-hover/link:underline decoration-2 decoration-[#CC0000] underline-offset-4 truncate pr-4">
<span className="font-mono text-sm text-[#111111] dark:text-neutral-200 group-hover/link:underline decoration-2 decoration-[#CC0000] underline-offset-4 truncate pr-4 min-w-0">
{doc.title}
</span>
<ExternalLink className="h-4 w-4 text-[#111111]/50 dark:text-neutral-400 group-hover/link:text-[#CC0000] transition-colors shrink-0" />
Expand Down
Loading