Skip to content

Commit

Permalink
fix(playground-tabs): show arrows on long list (#3009)
Browse files Browse the repository at this point in the history
  • Loading branch information
thetaPC authored Jun 22, 2023
1 parent dc99a6e commit 113dee7
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion src/components/global/Playground/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -417,7 +417,7 @@ export default function Playground({
return null;
}
return (
<PlaygroundTabs className="playground__tabs">
<PlaygroundTabs groupId={usageTarget} className="playground__tabs">
{Object.keys(codeSnippets[usageTarget]).map((fileName) => (
<TabItem
className="playground__tab-item"
Expand Down
2 changes: 1 addition & 1 deletion src/components/global/PlaygroundTabs/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -108,7 +108,7 @@ function TabsComponent(props: Props): JSX.Element {
useEffect(() => {
setLeftNavVisible(tabsNavEl.current?.scrollLeft > 40);
setRightNavVisible(tabsNavEl.current?.scrollWidth > tabsNavEl.current?.offsetWidth);
}, []);
}, [groupId]);

/**
* If the selected value is not in the available tabs, fall back to the first tab.
Expand Down

1 comment on commit 113dee7

@vercel
Copy link

@vercel vercel bot commented on 113dee7 Jun 22, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

ionic-docs – ./

ionic-docs-git-main-ionic1.vercel.app
ionic-docs-ionic1.vercel.app
ionic-docs-gqykycf8t.vercel.app

Please sign in to comment.