Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix issue with Link Overlay in tBTC Explorer
We encountered an issue with the <LinkOverlay> component from chakra-ui while using it in the History table on the tBTC Explorer page. This component was intended to facilitate navigation for each row, directing the user to the corresponding etherscan link. However, we noticed an abnormal behavior specifically on real mobile devices, even though it worked correctly in the mobile view on Chrome. On mobile, the overlay for the last item appeared to cover the entire page. As a result, any other links on the tBTC Explorer page, such as "View on Dune Analytics" or "Start Minting," unintentionally redirected the user to etherscan. The cause of this was that the `LinkBox` component uses `position: relative` to contain the absolute positioned `LinkOverlay`. Unfortunately `<Tr />` component, which we passed to the `as property, does not allow `position: relative`. As a hacky workaround we are applying `transform: scale(1)` to the tr element.
- Loading branch information