fix: hover scale conditional

avoids popover from shifting while open

Author: wackerow

src/components/FeedbackWidget/FixedDot.tsx

@@ -11,10 +11,11 @@ import { Button } from "@/../tailwind/ui/buttons/Button"
 type FixedDotProps = ButtonHTMLAttributes<HTMLButtonElement> & {
   isExpanded: boolean
   offsetBottom?: boolean
+  suppressScale?: boolean
 }
 
 const FixedDot = forwardRef<HTMLButtonElement, FixedDotProps>(
-  ({ offsetBottom, isExpanded, className, ...props }, ref) => {
+  ({ offsetBottom, isExpanded, suppressScale, className, ...props }, ref) => {
     const { t } = useTranslation("common")
     return (
       <Button
@@ -23,7 +24,8 @@ const FixedDot = forwardRef<HTMLButtonElement, FixedDotProps>(
         aria-label={t("feedback-widget")}
         className={cn(
           "lg:mt-inherit sticky bottom-4 z-20 me-4 ms-auto flex size-12 items-center gap-0 rounded-full text-white shadow-table-item-box",
-          "transition-all duration-200 hover:scale-110 hover:transition-transform hover:duration-200",
+          "transition-all duration-200 hover:transition-transform hover:duration-200",
+          !suppressScale && "hover:scale-110",
           offsetBottom && "bottom-31 lg:bottom-4",
           isExpanded ? "lg:w-60 lg:gap-3" : "lg:w-12",
           className

src/components/FeedbackWidget/index.tsx

@@ -33,7 +33,11 @@ const FeedbackWidget = () => {
         open={isOpen}
       >
         <PopoverTrigger asChild>
-          <FixedDot offsetBottom={offsetBottom} isExpanded={isExpanded} />
+          <FixedDot
+            offsetBottom={offsetBottom}
+            isExpanded={isExpanded}
+            suppressScale={isOpen}
+          />
         </PopoverTrigger>
 
         <PopoverContent className="mx-2 w-80 max-w-[calc(100vw_-_1rem)] rounded bg-background p-4 sm:p-8">