fix browser's default title shown in Safari

HyphaApp · Jul 11, 2023 · 28cddec · 28cddec
1 parent aaa2250
commit 28cddec
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/hypha/apply/funds/tables.py b/hypha/apply/funds/tables.py
@@ -80,7 +80,10 @@ class SubmissionsTable(tables.Table):
             'a': {
                 'data-tippy-content': lambda record: record.title,
                 'data-tippy-placement': 'top',
-                'class': 'truncate inline-block w-[calc(100%-2rem)]',
+
+                # Use after:content-[''] after:block to hide the default browser tooltip on Safari
+                # https://stackoverflow.com/a/43915246
+                'class': "truncate inline-block w-[calc(100%-2rem)] after:content-[''] after:block",
             }
         },
     )
@@ -572,7 +575,10 @@ class ReviewerLeaderboardDetailTable(tables.Table):
             'a': {
                 'data-tippy-content': lambda record: record.submission.title,
                 'data-tippy-placement': 'top',
-                'class': 'truncate inline-block w-[calc(100%-2rem)]',
+
+                # Use after:content-[''] after:block to hide the default browser tooltip on Safari
+                # https://stackoverflow.com/a/43915246
+                'class': 'truncate inline-block w-[calc(100%-2rem)] after:content-[''] after:block',
             }
         },
     )