Skip to content

Commit 04ad502

Browse files
committed
review feedback
1 parent fb5011a commit 04ad502

File tree

2 files changed

+15
-1
lines changed

2 files changed

+15
-1
lines changed

src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.react.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,10 @@ export default class DataBrowserHeaderBar extends React.Component {
2929
headerWidth
3030
} = this.props;
3131
const elements = [
32-
<div key="check" className={[styles.wrap, styles.check].join(' ')} style={{ paddingLeft: headerWidth, width: headerWidth + 30 }}>
32+
<div key="rowNumber" className={styles.wrap} style={{ width: headerWidth, background: '#66637A' }}>
33+
<div className={[styles.rowNumberColumn].join(' ')}>#</div>
34+
</div>,
35+
<div key="check" className={[styles.wrap, styles.check].join(' ')} style={{ width: 30 }}>
3336
{readonly ? null : (
3437
<input type="checkbox" checked={selected} onChange={e => selectAll(e.target.checked)} />
3538
)}

src/components/DataBrowserHeaderBar/DataBrowserHeaderBar.scss

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -108,3 +108,14 @@
108108

109109
}
110110
}
111+
112+
.rowNumberColumn {
113+
height: 30px;
114+
line-height: 31px;
115+
vertical-align: top;
116+
text-align: center;
117+
background-color: #66637A;
118+
color: white;
119+
font-size: 12px;
120+
font-weight: normal;
121+
}

0 commit comments

Comments
 (0)