diff --git a/superset-frontend/src/SqlLab/components/TableElement.jsx b/superset-frontend/src/SqlLab/components/TableElement.jsx index cc863762325..59c7400401a 100644 --- a/superset-frontend/src/SqlLab/components/TableElement.jsx +++ b/superset-frontend/src/SqlLab/components/TableElement.jsx @@ -23,6 +23,7 @@ import shortid from 'shortid'; import { t } from '@superset-ui/core'; import Fade from 'src/common/components/Fade'; +import { Tooltip } from 'src/common/components/Tooltip'; import CopyToClipboard from '../../components/CopyToClipboard'; import Link from '../../components/Link'; import ColumnElement from './ColumnElement'; @@ -200,8 +201,14 @@ class TableElement extends React.PureComponent { renderHeader() { const { table } = this.props; return ( -
-
+
+ {table.name} -
-
+ + +
{table.isMetadataLoading || table.isExtraMetadataLoading ? ( ) : ( diff --git a/superset-frontend/src/SqlLab/main.less b/superset-frontend/src/SqlLab/main.less index 12d31624c69..7123ed033f9 100644 --- a/superset-frontend/src/SqlLab/main.less +++ b/superset-frontend/src/SqlLab/main.less @@ -310,8 +310,8 @@ div.Workspace { padding: 10px; .schemaPane { - flex: 0 0 300px; - max-width: 300px; + flex: 0 0 400px; + max-width: 400px; transition: transform @timing-normal ease-in-out; } @@ -451,6 +451,24 @@ div.tablePopover { .ws-el-controls { margin-right: -0.3em; + display: flex; + } + + .header-container { + display: flex; + + .table-name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 16px; + } + + .header-right-side { + margin-left: auto; + display: flex; + align-items: center; + } } }