ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fixing ugly scrollbar (#7535)

Browse Source
This commit is contained in:
Jack Short 2023-11-01 14:27:07 -04:00 committed by GitHub
parent 3f62bcf2f0
commit b995f4d671
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Tokens/TokenTable/NetworkFilter.tsx
View File

@ -57,7 +57,7 @@ const MenuTimeFlyout = styled.span<{ isInfoExplorePageEnabled: boolean }>`
background-color: ${({ theme }) => theme.surface1};
box-shadow: ${({ theme }) => theme.deprecated_deepShadow};
border: 0.5px solid ${({ theme }) => theme.surface3};
border-radius: 12px;
border-radius: 12px 0px 0px 12px;
padding: 8px;
display: flex;
flex-direction: column;
@ -66,6 +66,20 @@ const MenuTimeFlyout = styled.span<{ isInfoExplorePageEnabled: boolean }>`
top: 48px;
z-index: 100;
scrollbar-width: thin;
scrollbar-color: ${({ theme }) => `${theme.surface3} transparent`};
// safari and chrome scrollbar styling
::-webkit-scrollbar {
background: transparent;
width: 8px;
}
::-webkit-scrollbar-thumb {
background: ${({ theme }) => theme.surface3};
border-radius: 8px;
}
${({ isInfoExplorePageEnabled }) =>
isInfoExplorePageEnabled
? css`