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

fix: fixes Popover arrow positioning (#4119)

Browse Source 
fix: fix arrow position
This commit is contained in:
Sam Chen 2022-07-17 23:22:50 +08:00 committed by GitHub
parent 4013743473
commit 8012789f69
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Popover/index.tsx
View File

@ -26,6 +26,7 @@ const Arrow = styled.div`
position: absolute; position: absolute;
width: 8px; width: 8px;
height: 8px; height: 8px;
box-sizing: border-box;
z-index: 9998; z-index: 9998;
content: ''; content: '';
@ -35,7 +36,7 @@ const Arrow = styled.div`
} }
&.arrow-top { &.arrow-top {
bottom: -5px; bottom: -4px;
::before { ::before {
border-top: none; border-top: none;
border-left: none; border-left: none;
@ -43,7 +44,7 @@ const Arrow = styled.div`
} }
&.arrow-bottom { &.arrow-bottom {
top: -5px; top: -4px;
::before { ::before {
border-bottom: none; border-bottom: none;
border-right: none; border-right: none;
@ -51,7 +52,7 @@ const Arrow = styled.div`
} }
&.arrow-left { &.arrow-left {
right: -5px; right: -4px;
::before { ::before {
border-bottom: none; border-bottom: none;
@ -60,7 +61,7 @@ const Arrow = styled.div`
} }
&.arrow-right { &.arrow-right {
left: -5px; left: -4px;
::before { ::before {
border-right: none; border-right: none;
border-top: none; border-top: none;