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
This commit is contained in:
Lyndsi Kay Williams 2021-10-14 18:23:22 -05:00 committed by GitHub
parent 7a2e39449a
commit 635898a76d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 2 deletions

View File

@ -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,