Skip to content

Commit 021a40d

Browse files
[wallet-ext] fix tooltips being hidden behind overlay screens (#11185)
## Description Tooltips in the wallet are portaled to the body, and the tooltips started getting hidden after the recent changes to the layout of the Overlay component. This PR just increments the z-index to `99999` to match that of the `Toaster` (the Overlay uses `9999`). We probably need to do some better z-index management in the future to prevent issues like this one from happening, but that will be for another day :) <img width="362" alt="image" src="https://user-images.githubusercontent.com/7453188/233657695-d03a26b0-dfd2-4fcc-9ca3-51566d10cc18.png"> ## Test Plan - Manual testing --- If your changes are not user-facing and not a breaking change, you can skip the following section. Otherwise, please indicate what changed, and then add to the Release Notes section as highlighted during the release process. ### Type of Change (Check all that apply) - [X] user-visible impact - [ ] breaking change for a client SDKs - [ ] breaking change for FNs (FN binary must upgrade) - [ ] breaking change for validators or node operators (must upgrade binaries) - [ ] breaking change for on-chain data layout - [ ] necessitate either a data wipe or data migration ### Release notes N/A
1 parent f15a171 commit 021a40d

File tree

1 file changed

+2
-2
lines changed
  • apps/wallet/src/ui/app/shared/tooltip

1 file changed

+2
-2
lines changed

apps/wallet/src/ui/app/shared/tooltip/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ export function Tooltip({ tip, children, placement = 'top' }: TooltipProps) {
106106
<AnimatePresence>
107107
{open ? (
108108
<motion.div
109-
className="pointer-events-none left-0 top-0 z-50 text-subtitleSmall font-semibold text-white leading-130"
109+
className="pointer-events-none left-0 top-0 z-[99999] text-subtitleSmall font-semibold text-white leading-130"
110110
initial={{
111111
opacity: 0,
112112
scale: 0,
@@ -135,7 +135,7 @@ export function Tooltip({ tip, children, placement = 'top' }: TooltipProps) {
135135
}}
136136
{...getFloatingProps({ ref: floating })}
137137
>
138-
<div className="flex flex-col flex-nowrap gap-px rounded-md bg-gray-100 p-2 z-50">
138+
<div className="flex flex-col flex-nowrap gap-px rounded-md bg-gray-100 p-2">
139139
{tip}
140140
</div>
141141
<div

0 commit comments

Comments
 (0)