view columns

packages/web/src/appobj/AppObjectCore.js

@@ -9,9 +9,13 @@ import useTheme from '../theme/useTheme';
 
 const AppObjectDiv = styled.div`
   padding: 5px;
-  &:hover {
+  ${props =>
-    background-color: ${props => props.theme.left_background_blue[1]};
+    !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}

packages/web/src/appobj/SubColumnParamList.js

@@ -13,6 +13,7 @@ function ColumnAppObject({ data, commonProps }) {
       title={columnName}
       extInfo={dataType}
       icon={getColumnIcon(data, true)}
+      disableHover
     />
   );
 }

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'}
           />
         )}
       </WidgetsInnerContainer>