dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-25 09:45:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

column manager select ux improved

Browse Source
This commit is contained in:
Jan Prochazka
2020-04-27 18:51:56 +02:00
parent c91d739fd0
commit c9a0dfcb53
2 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/web/src/datagrid/ColumnManager.js
View File

@@ -54,9 +54,17 @@ function ColumnManagerRow(props) {
const { display, column } = props; const { display, column } = props;
const [isHover, setIsHover] = React.useState(false); const [isHover, setIsHover] = React.useState(false);
return ( return (
<Row onMouseEnter={() => setIsHover(true)} onMouseLeave={() => setIsHover(false)}> <Row
onMouseEnter={() => setIsHover(true)}
onMouseLeave={() => setIsHover(false)}
onClick={(e) => {
// @ts-ignore
if (e.target.closest('.expandColumnIcon')) return;
display.focusColumn(column.uniqueName);
}}
>
<ExpandIcon <ExpandIcon
// className="expandColumnIcon" className="expandColumnIcon"
isBlank={!column.foreignKey} isBlank={!column.foreignKey}
isExpanded={column.foreignKey && display.isExpandedColumn(column.uniqueName)} isExpanded={column.foreignKey && display.isExpandedColumn(column.uniqueName)}
isSelected={isHover} isSelected={isHover}
@@ -68,11 +76,7 @@ function ColumnManagerRow(props) {
checked={column.isChecked} checked={column.isChecked}
onChange={() => display.setColumnVisibility(column.uniquePath, !column.isChecked)} onChange={() => display.setColumnVisibility(column.uniquePath, !column.isChecked)}
></input> ></input>
<ColumnLabel <ColumnLabel {...column} />
{...column}
// @ts-ignore
onClick={() => display.focusColumn(column.uniqueName)}
/>
</Row> </Row>
); );
} }