This is an automated email from the ASF dual-hosted git repository. suddjian pushed a commit to branch fix/long-table-names in repository https://gitbox.apache.org/repos/asf/incubator-superset.git
commit a9e91ef668db58d8e5027c0c90acb8b60a41b3a6 Author: David Aaron Suddjian <[email protected]> AuthorDate: Tue Aug 4 12:33:09 2020 -0700 display the full table name in a tooltip --- superset-frontend/src/components/TableSelector.jsx | 25 ++++++++++++++-------- 1 file changed, 16 insertions(+), 9 deletions(-) diff --git a/superset-frontend/src/components/TableSelector.jsx b/superset-frontend/src/components/TableSelector.jsx index 922fdd6..677663d 100644 --- a/superset-frontend/src/components/TableSelector.jsx +++ b/superset-frontend/src/components/TableSelector.jsx @@ -30,6 +30,7 @@ import FormLabel from 'src/components/FormLabel'; import SupersetAsyncSelect from './AsyncSelect'; import RefreshLabel from './RefreshLabel'; import './TableSelector.less'; +import TooltipWrapper from './TooltipWrapper'; const FieldTitle = styled.p` color: ${({ theme }) => theme.colors.secondary.light2}; @@ -257,16 +258,22 @@ export default class TableSelector extends React.PureComponent { renderTableOption(option) { return ( - <span className="TableLabel"> - <span className="m-r-5"> - <small className="text-muted"> - <i - className={`fa fa-${option.type === 'view' ? 'eye' : 'table'}`} - /> - </small> + <TooltipWrapper + placement="top" + label={`${option.label}-tooltip`} + tooltip={option.label} + > + <span className="TableLabel"> + <span className="m-r-5"> + <small className="text-muted"> + <i + className={`fa fa-${option.type === 'view' ? 'eye' : 'table'}`} + /> + </small> + </span> + {option.label} </span> - {option.label} - </span> + </TooltipWrapper> ); }
