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:
Brendan Wong 2023-07-27 13:22:03 -04:00 committed by GitHub
parent a2e56aaabd
commit 1092bc2c58
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -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)`