mirror of
https://github.com/formbricks/formbricks.git
synced 2026-04-23 05:17:49 -05:00
fix: rating icon bug in safari (#2183)
Co-authored-by: Matthias Nannt <mail@matthiasnannt.com>
This commit is contained in:
@@ -103,7 +103,7 @@ export default function RatingQuestion({
|
||||
key={number}
|
||||
onMouseOver={() => setHoveredNumber(number)}
|
||||
onMouseLeave={() => setHoveredNumber(0)}
|
||||
className="bg-survey-bg relative flex-1 cursor-pointer text-center text-sm leading-[2.8rem]">
|
||||
className="bg-survey-bg relative h-[41px] flex-1 cursor-pointer text-center text-sm leading-[2.8rem]">
|
||||
{question.scale === "number" ? (
|
||||
<label
|
||||
tabIndex={i + 1}
|
||||
@@ -131,7 +131,7 @@ export default function RatingQuestion({
|
||||
}
|
||||
}}
|
||||
className={cn(
|
||||
"flex max-h-16 justify-center focus:outline-none",
|
||||
"flex h-full max-h-16 justify-center focus:outline-none",
|
||||
number <= hoveredNumber || number <= (value as number)
|
||||
? "text-amber-400"
|
||||
: "text-slate-300",
|
||||
@@ -150,7 +150,7 @@ export default function RatingQuestion({
|
||||
) : (
|
||||
<label
|
||||
className={cn(
|
||||
"flex max-h-16 justify-center",
|
||||
"flex h-full max-h-16 justify-center",
|
||||
value === number || hoveredNumber === number
|
||||
? "stroke-rating-selected text-rating-selected"
|
||||
: "stroke-heading text-heading"
|
||||
|
||||
Reference in New Issue
Block a user