You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@superset.apache.org by el...@apache.org on 2021/11/23 00:13:10 UTC

[superset] 06/09: fix(sqllab): Hover tooltip flashes in SQL Lab (#17068)

This is an automated email from the ASF dual-hosted git repository.

elizabeth pushed a commit to branch 1.4
in repository https://gitbox.apache.org/repos/asf/superset.git

commit b577773e30eb01063e989cddfd04892bff95f701
Author: Lyndsi Kay Williams <55...@users.noreply.github.com>
AuthorDate: Thu Oct 14 18:23:22 2021 -0500

    fix(sqllab): Hover tooltip flashes in SQL Lab (#17068)
    
    * Changed SQL Lab result column header-style width to max-content
    
    * Changed .ant-tooltip-open to block and tooltip placement to topLeft
    
    * Moved tooltip style changes to local implementation instead of global
    
    (cherry picked from commit 635898a76db13612bcdeafb72a8ef0f06dd5d0f1)
---
 .../src/components/FilterableTable/FilterableTable.tsx    | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/src/components/FilterableTable/FilterableTable.tsx b/superset-frontend/src/components/FilterableTable/FilterableTable.tsx
index 191b404..e6605fc 100644
--- a/superset-frontend/src/components/FilterableTable/FilterableTable.tsx
+++ b/superset-frontend/src/components/FilterableTable/FilterableTable.tsx
@@ -359,7 +359,12 @@ export default class FilterableTable extends PureComponent<
         ? 'header-style-disabled'
         : 'header-style';
     return (
-      <Tooltip id="header-tooltip" title={label}>
+      <Tooltip
+        id="header-tooltip"
+        title={label}
+        placement="topLeft"
+        css={{ display: 'block' }}
+      >
         <div className={className}>
           {label}
           {sortBy === dataKey && (
@@ -385,7 +390,13 @@ export default class FilterableTable extends PureComponent<
         ? 'header-style-disabled'
         : 'header-style';
     return (
-      <Tooltip key={key} id="header-tooltip" title={label}>
+      <Tooltip
+        key={key}
+        id="header-tooltip"
+        title={label}
+        placement="topLeft"
+        css={{ display: 'block' }}
+      >
         <div
           style={{
             ...style,