Compare commits

..
Author SHA1 Message Date
shadowdaoandClaude Opus 5.5 f55d91a09d Marketplace: let the kind filter wrap inside the item column
Secret Scan / scan (push) Successful in 7s
Secret Scan / scan (pull_request) Successful in 8s
Build App (Preview) / compute-version (pull_request) Successful in 7s
Build App (Preview) / create-release (pull_request) Successful in 2s
Build App (Preview) / test (pull_request) Failing after 17m8s
Build App (Preview) / build-macos (pull_request) Successful in 4m23s
Build App (Preview) / build-windows (pull_request) Successful in 7m26s
Build App (Preview) / prune-previews (pull_request) Blocked by required conditions
Build App (Preview) / build-linux (pull_request) In progress
All + the five kinds were wider than the fixed-width item column, so
Plugins was cut off behind a horizontal scrollbar.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-09-27 15:56:25 -07:00
2 changed files with 7 additions and 0 deletions
@@ -94,6 +94,12 @@ describe("BrowsePane", () => {
expect(screen.getByText(`install controls at ${"a".repeat(40)}`)).toBeInTheDocument();
});
it("lets the kind filter wrap instead of running out of its column", () => {
// All + five kinds are wider than the fixed-width item column.
render(<BrowsePane mp={api()} />);
expect(screen.getByRole("radiogroup", { name: "Item kind" })).toHaveClass("flex-wrap");
});
it("shows why an item is invalid", () => {
render(<BrowsePane mp={api()} />);
fireEvent.click(screen.getByRole("button", { name: /broken/ }));
@@ -169,6 +169,7 @@ export default function BrowsePane({ mp }: { mp: MarketplaceApi }) {
<section className="w-80 flex-shrink-0 border-r border-[var(--border-color)] p-3 space-y-2 overflow-auto">
<SegmentedControl<KindFilter>
label="Item kind"
className="flex-wrap"
value={kind}
onChange={setKind}
segments={[