granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #116 from jedmund/fix-hovercard-zindex

Browse source 
Fix z-index on hovercards
This commit is contained in:
Justin Edmund 2023-01-02 06:40:49 -08:00 committed by GitHub
commit 1c555c99e2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/WeaponHovercard/index.scss
View file

@ -1,4 +1,7 @@
.Weapon.Hovercard { .Hovercard {
z-index: 99;
.Weapon.HovercardContent {
.skills { .skills {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -38,4 +41,5 @@
font-size: $normal; font-size: $normal;
gap: calc($unit / 2); gap: calc($unit / 2);
} }
}
} }

4
components/WeaponHovercard/index.tsx
View file

@ -189,9 +189,9 @@ const WeaponHovercard = (props: Props) => {
) )
return ( return (
<HoverCard.Root> <HoverCard.Root className="Hovercard">
<HoverCard.Trigger>{props.children}</HoverCard.Trigger> <HoverCard.Trigger>{props.children}</HoverCard.Trigger>
<HoverCard.Content className="Weapon Hovercard" side={hovercardSide()}> <HoverCard.Content className="Weapon HovercardContent" side={hovercardSide()}>
<div className="top"> <div className="top">
<div className="title"> <div className="title">
<h4>{props.gridWeapon.object.name[locale]}</h4> <h4>{props.gridWeapon.object.name[locale]}</h4>