public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: no-scrollbar for firefox (#10964)

fix/messaging-category^2
Omar López 2023-09-04 05:13:32 -07:00 committed by GitHub
parent a030861423
commit 6a22d75caa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/web/styles/globals.css
View File

@ -207,16 +207,14 @@ html.todesktop nav a svg{
https://github.com/tailwindlabs/tailwindcss/pull/5732 https://github.com/tailwindlabs/tailwindcss/pull/5732
*/ */
@layer utilities { @layer utilities {
@layer responsive { /* Chrome, Safari and Opera */
/* Chrome, Safari and Opera */ .no-scrollbar::-webkit-scrollbar {
.no-scrollbar::-webkit-scrollbar { display: none;
display: none; }
}
.no-scrollbar { .no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */ -ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
}
} }
} }

2
packages/ui/components/navigation/tabs/HorizontalTabs.tsx
View File

@ -12,7 +12,7 @@ const HorizontalTabs = function ({ tabs, linkShallow, linkScroll, actions, ...pr
return ( return (
<div className="mb-4 h-9 max-w-full lg:mb-5"> <div className="mb-4 h-9 max-w-full lg:mb-5">
<nav <nav
className="no-scrollbar flex max-h-9 space-x-1 overflow-scroll rounded-md" className="no-scrollbar flex max-h-9 space-x-1 overflow-x-scroll rounded-md"
aria-label="Tabs" aria-label="Tabs"
{...props}> {...props}>
{tabs.map((tab, idx) => ( {tabs.map((tab, idx) => (