Docs: Fix span animation

PR-URL: https://github.com/hasura/graphql-engine-mono/pull/7613
GitOrigin-RevId: d0c19eb840948b23b2972188ecfab9363defe336
This commit is contained in:
Sean Park-Ross 2023-01-20 19:12:20 +02:00 committed by hasura-bot
parent 41d5bf2a19
commit 4c3f2884a5
2 changed files with 3 additions and 3 deletions

View File

@ -121,7 +121,7 @@ export const Feedback = ({metadata}: {metadata: any}) => {
</div> </div>
: <div className={styles.numberRow}> : <div className={styles.numberRow}>
{scores.map((star, index) => ( {scores.map((star, index) => (
<span key={star} onClick={() => handleScoreClick(star)} <div className={styles.star} key={star} onClick={() => handleScoreClick(star)}
onMouseEnter={() => setHoveredScore(index + 1)} onMouseEnter={() => setHoveredScore(index + 1)}
onMouseLeave={() => setHoveredScore(-1)}> onMouseLeave={() => setHoveredScore(-1)}>
{rating >= star ? ( {rating >= star ? (
@ -135,7 +135,7 @@ export const Feedback = ({metadata}: {metadata: any}) => {
d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/> d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"/>
</svg> </svg>
)} )}
</span> </div>
))} ))}
</div> </div>
} }

View File

@ -181,7 +181,7 @@ html[data-theme='dark'] {
justify-content: flex-end; justify-content: flex-end;
} }
span { .star {
transition: .1s ease-out; transition: .1s ease-out;
cursor: pointer; cursor: pointer;
&:hover { &:hover {