diff --git a/packages/web/src/appobj/AppObjectCore.js b/packages/web/src/appobj/AppObjectCore.js index 62c2b429..15978b0a 100644 --- a/packages/web/src/appobj/AppObjectCore.js +++ b/packages/web/src/appobj/AppObjectCore.js @@ -9,9 +9,13 @@ import useTheme from '../theme/useTheme'; const AppObjectDiv = styled.div` padding: 5px; - &:hover { - background-color: ${props => props.theme.left_background_blue[1]}; - } + ${props => + !props.disableHover && + ` + &:hover { + background-color: ${props.theme.left_background_blue[1]}; + } + `} cursor: pointer; white-space: nowrap; font-weight: ${props => (props.isBold ? 'bold' : 'normal')}; @@ -44,6 +48,7 @@ export function AppObjectCore({ statusIcon = undefined, extInfo = undefined, statusTitle = undefined, + disableHover = false, Menu = undefined, ...other }) { @@ -71,6 +76,7 @@ export function AppObjectCore({ onDragStart={e => { e.dataTransfer.setData('app_object_drag_data', JSON.stringify(data)); }} + disableHover={disableHover} {...other} > {prefix} diff --git a/packages/web/src/appobj/SubColumnParamList.js b/packages/web/src/appobj/SubColumnParamList.js index 4ececc03..6c2f49c9 100644 --- a/packages/web/src/appobj/SubColumnParamList.js +++ b/packages/web/src/appobj/SubColumnParamList.js @@ -13,6 +13,7 @@ function ColumnAppObject({ data, commonProps }) { title={columnName} extInfo={dataType} icon={getColumnIcon(data, true)} + disableHover /> ); } diff --git a/packages/web/src/widgets/DatabaseWidget.js b/packages/web/src/widgets/DatabaseWidget.js index 82fbef9f..d791ac9b 100644 --- a/packages/web/src/widgets/DatabaseWidget.js +++ b/packages/web/src/widgets/DatabaseWidget.js @@ -152,7 +152,7 @@ function SqlObjectList({ conid, database }) { groupFunc={data => _.startCase(data.objectTypeField)} filter={filter} SubItems={SubColumnParamList} - isExpandable={data => data.objectTypeField == 'tables'} + isExpandable={data => data.objectTypeField == 'tables' || data.objectTypeField == 'views'} /> )}