Sancaros/phantasmal-world
1
0
Fork 0
mirror of https://github.com/DaanVandenBosch/phantasmal-world.git synced 2025-04-05 07:18:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fixed bug that made DataTable background and border dissappear while antd animates dropdowns in Chrome.

Browse Source
This commit is contained in:
Daan Vanden Bosch 2019-06-13 13:41:15 +02:00
parent 102022e7df
commit 58b8c66a89
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/ui/dataTable.less
View File

@ -1,6 +1,9 @@
@import "./theme.less"; @import "./theme.less";
.DataTable > * { .DataTable {
// position: relative; necessary to avoid background and border dissappearing while antd
// animates dropdowns in Chrome. No idea why this prevents it...
position: relative;
border: solid 1px @border-color-base; border: solid 1px @border-color-base;
background-color: lighten(@component-background, 3%); background-color: lighten(@component-background, 3%);

5
src/ui/dataTable.tsx
View File

@ -36,7 +36,10 @@ export class DataTable<T> extends React.Component<{
}> { }> {
render() { render() {
return ( return (
<div className="DataTable"> <div
className="DataTable"
style={{ width: this.props.width, height: this.props.height }}
>
<MultiGrid <MultiGrid
width={this.props.width} width={this.props.width}
height={this.props.height} height={this.props.height}