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) / build-linux (pull_request) Successful in 9m45s
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) Successful in 2s
Build App (Preview) / test (pull_request) Successful in 5m39s
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) / build-linux (pull_request) Successful in 9m45s
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) Successful in 2s
Build App (Preview) / test (pull_request) Successful in 5m39s
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>
This commit is contained in:
@@ -94,6 +94,12 @@ describe("BrowsePane", () => {
|
|||||||
expect(screen.getByText(`install controls at ${"a".repeat(40)}`)).toBeInTheDocument();
|
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", () => {
|
it("shows why an item is invalid", () => {
|
||||||
render(<BrowsePane mp={api()} />);
|
render(<BrowsePane mp={api()} />);
|
||||||
fireEvent.click(screen.getByRole("button", { name: /broken/ }));
|
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">
|
<section className="w-80 flex-shrink-0 border-r border-[var(--border-color)] p-3 space-y-2 overflow-auto">
|
||||||
<SegmentedControl<KindFilter>
|
<SegmentedControl<KindFilter>
|
||||||
label="Item kind"
|
label="Item kind"
|
||||||
|
className="flex-wrap"
|
||||||
value={kind}
|
value={kind}
|
||||||
onChange={setKind}
|
onChange={setKind}
|
||||||
segments={[
|
segments={[
|
||||||
|
|||||||
Reference in New Issue
Block a user