fix: collision of network banner and swap settings (#6910)
* change z-index of network banner * change to use pointer-events rather than deprecated value
This commit is contained in:
parent
a2e56aaabd
commit
1092bc2c58
@ -7,7 +7,6 @@ import styled from 'styled-components/macro'
|
|||||||
import { ExternalLink, HideSmall } from 'theme'
|
import { ExternalLink, HideSmall } from 'theme'
|
||||||
import { colors } from 'theme/colors'
|
import { colors } from 'theme/colors'
|
||||||
import { useDarkModeManager } from 'theme/components/ThemeToggle'
|
import { useDarkModeManager } from 'theme/components/ThemeToggle'
|
||||||
import { Z_INDEX } from 'theme/zIndex'
|
|
||||||
|
|
||||||
import { AutoRow } from '../Row'
|
import { AutoRow } from '../Row'
|
||||||
|
|
||||||
@ -112,6 +111,7 @@ const ContentWrapper = styled.div<{ chainId: NetworkAlertChains; darkMode: boole
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
transform: rotate(25deg) translate(-90px, -40px);
|
transform: rotate(25deg) translate(-90px, -40px);
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
const Header = styled.h2`
|
const Header = styled.h2`
|
||||||
@ -130,7 +130,6 @@ const LinkOutToBridge = styled(ExternalLink)`
|
|||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: ${Z_INDEX.hover};
|
|
||||||
`
|
`
|
||||||
|
|
||||||
const StyledArrowUpRight = styled(ArrowUpRight)`
|
const StyledArrowUpRight = styled(ArrowUpRight)`
|
||||||
|
Loading…
Reference in New Issue
Block a user