You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The ArrowRight /> button in the <SelectChain /> component is not visible in light mode if no wallet is connected.
This happens because the button is disabled if !$signer.
I'd be more than glad to solve this issue for you, but I do want to hear your preference before making a PR.
For what it's worth, I do agree that the button should be disabled in this instance. As I see it, the easiest option that does not modify anything else, as far as I can tell, is creating a specific style for [data-theme="light"] .btn:disabled svg and modifying the color property. In the screenshots, I used dark-color-6 as it seemed the closest to the "Approve" color, but that it's still visible.
kyrers
changed the title
fix: <SelectChain /> Arrow Right button not visible in light mode if no wallet is connected
fix(BridgeUI): <SelectChain /> Arrow Right button not visible in light mode if no wallet is connected
Jan 25, 2023
Describe the bug
The
ArrowRight />
button in the<SelectChain />
component is not visible in light mode if no wallet is connected.This happens because the button is disabled if
!$signer
.I'd be more than glad to solve this issue for you, but I do want to hear your preference before making a PR.
For what it's worth, I do agree that the button should be disabled in this instance. As I see it, the easiest option that does not modify anything else, as far as I can tell, is creating a specific style for
[data-theme="light"] .btn:disabled svg
and modifying thecolor
property. In the screenshots, I useddark-color-6
as it seemed the closest to the "Approve" color, but that it's still visible.I will of course solve it any way you wish.
Steps to reproduce
Additional context
Problem
Proposed Fix - Light Mode
Proposed Fix - Dark Mode
The text was updated successfully, but these errors were encountered: