Skip to content

fix: keep catalog export links in a row below floated columns (author page) - #13219

Merged
lokesh merged 2 commits into
internetarchive:masterfrom
lokesh:13218/fix/exports-bar-layout
Jul 30, 2026
Merged

fix: keep catalog export links in a row below floated columns (author page)#13219
lokesh merged 2 commits into
internetarchive:masterfrom
lokesh:13218/fix/exports-bar-layout

Conversation

@lokesh

@lokesh lokesh commented Jul 28, 2026

Copy link
Copy Markdown
Collaborator

Closes #13218

Problem

On author pages the "Download catalog record" bar rendered at the top right, squeezed to ~38px wide over the sidebar, instead of as a row at the bottom.

#13091 replaced the bar's float: right with display: flex. The bar follows two floated columns (.contentTwothird / .contentOnethird, float: left at β‰₯960px), and an in-flow block is laid out beside floats rather than below them.

Fix

.pageHistory__tools {
  display: block;
  clear: both;
  text-align: right;
}

clear: both drops the bar below the floated columns. A block formatting context (flow-root, overflow: hidden, display: flex) is not an alternative β€” a BFC box gets narrowed to fit beside floats, which is the bug itself. text-align: right replaces the flex row since this is one line of text, not a layout row. #13091's spacing is unchanged, so #13090 stays fixed.

Testing

/authors/OL648A and /books/OL755M: full-width, right-aligned, below both columns, inside #contentBody with no overlap or overflow. Wraps in narrow containers. Below 960px the columns aren't floated, so clear is a no-op.

Before / after:
SCR-20260728-szlw

FIXED:
SCR-20260728-szhm

lokesh added 2 commits July 28, 2026 00:35
The exports bar ("Download catalog record: RDF / JSON") rendered over the
sidebar at the top right of author pages. internetarchive#13091 replaced its `float: right`
with `display: flex`, which left it as an in-flow block among the floated
`.contentTwothird` / `.contentOnethird` columns it follows, so it was laid
out beside them and squeezed to ~38px wide.

Make it a block-level, right-aligned text row that clears the floats, so it
sits below all columns on both author and book pages.

Closes internetarchive#13218
@lokesh
lokesh requested a review from Sadashii July 28, 2026 22:39
@lokesh

lokesh commented Jul 28, 2026

Copy link
Copy Markdown
Collaborator Author

@Sadashii Small UI bug fix. If you have a sec, please review.

@lokesh lokesh added Needs: Review This issue/PR needs to be reviewed in order to be closed or merged (see comments). [managed] On Testing labels Jul 28, 2026
@Sadashii

Copy link
Copy Markdown
Collaborator

Been bugging me too for quite a while. LGTM!

@github-actions github-actions Bot added the Needs: Response Issues which require feedback from lead label Jul 30, 2026
@lokesh
lokesh merged commit 3323ebd into internetarchive:master Jul 30, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Needs: Response Issues which require feedback from lead Needs: Review This issue/PR needs to be reviewed in order to be closed or merged (see comments). [managed] On Testing

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Author page: "Download catalog record" bar floats over the sidebar instead of sitting in a bottom row (regression from #13091)

2 participants