Tab bars on pull requests, search and profiles scroll without showing a scrollbar
3 files+3−30/3 viewed
| 677 | 677 | </p> | |
| 678 | 678 | )} | |
| 679 | 679 | ||
| 680 | − | <nav className="mt-6 flex items-end gap-1 overflow-x-auto border-b border-line"> | |
| 680 | + | <nav className="mt-6 flex items-end gap-1 overflow-x-auto overflow-y-hidden border-b border-line [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"> | |
| 681 | 681 | <TabLink to={here} active={tab === "conversation"}> | |
| 682 | 682 | <MessageSquare size={15} /> | |
| 683 | 683 | Conversation |
| 166 | 166 | )} | |
| 167 | 167 | ||
| 168 | 168 | {q && ( | |
| 169 | − | <nav aria-label="Kinds of results" className="mt-6 flex gap-1 overflow-x-auto border-b border-line"> | |
| 169 | + | <nav aria-label="Kinds of results" className="mt-6 flex gap-1 overflow-x-auto overflow-y-hidden border-b border-line [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"> | |
| 170 | 170 | {SEARCH_TYPES.map((each) => ( | |
| 171 | 171 | <Link | |
| 172 | 172 | key={each} |
| 264 | 264 | </Link> | |
| 265 | 265 | ); | |
| 266 | 266 | return ( | |
| 267 | − | <nav aria-label="Profile" className="flex gap-1 overflow-x-auto border-b border-line"> | |
| 267 | + | <nav aria-label="Profile" className="flex gap-1 overflow-x-auto overflow-y-hidden border-b border-line [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"> | |
| 268 | 268 | {item("overview", "Overview", <LayoutGrid size={15} />)} | |
| 269 | 269 | {item("pulls", "Pull requests", <GitPullRequest size={15} />, counts.pulls)} | |
| 270 | 270 | {item("issues", "Issues", <CircleDot size={15} />, counts.issues)} |