Fixed missing mobile tooltips

morpheus65535 · Dec 9, 2024 · 137d619 · 137d619
1 parent f4ca0f9
commit 137d619
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/frontend/src/components/TextPopover.tsx b/frontend/src/components/TextPopover.tsx
@@ -18,7 +18,12 @@ const TextPopover: FunctionComponent<TextPopoverProps> = ({
   }
 
   return (
-    <Tooltip label={text} {...tooltip} style={{ textWrap: "wrap" }}>
+    <Tooltip
+      label={text}
+      {...tooltip}
+      style={{ textWrap: "wrap" }}
+      events={{ hover: true, focus: false, touch: true }}
+    >
       <div>{children}</div>
     </Tooltip>
   );

diff --git a/frontend/src/components/bazarr/HistoryIcon.tsx b/frontend/src/components/bazarr/HistoryIcon.tsx
@@ -65,7 +65,12 @@ const HistoryIcon: FunctionComponent<{
 
   if (icon) {
     return (
-      <Tooltip label={label} openDelay={500} position="right">
+      <Tooltip
+        label={label}
+        openDelay={500}
+        position="right"
+        events={{ hover: true, focus: false, touch: true }}
+      >
         <FontAwesomeIcon
           aria-label={label}
           title={title}

diff --git a/frontend/src/pages/views/ItemOverview.tsx b/frontend/src/pages/views/ItemOverview.tsx
@@ -62,6 +62,7 @@ const ItemOverview: FunctionComponent<Props> = (props) => {
             label={item.path}
             multiline
             style={{ overflowWrap: "anywhere" }}
+            events={{ hover: true, focus: false, touch: true }}
           >
             <span>{item.path}</span>
           </Tooltip>