Skip to content

Fix table cell white border artifact#247

Merged
ycaokris merged 9 commits intomasterfrom
dash-manufacture-spc-dashboard
Jul 31, 2019
Merged

Fix table cell white border artifact#247
ycaokris merged 9 commits intomasterfrom
dash-manufacture-spc-dashboard

Conversation

@ycaokris
Copy link
Copy Markdown
Contributor

About

In dash-table==0.4.2, background color of table-row is set to be white, and overwrites border color at different zooming ratio in presence of css rule as {"selector": "td", "rule": "border: none !important;"}.

datatable-border

spreadsheet-inner tr {
    background-color: white; 
}

Fixed by setting it transparent.

@ycaokris
Copy link
Copy Markdown
Contributor Author

Deployment fails caused by server downtime. Similar broken task https://circleci.com/gh/plotly/dash-sample-apps/4120
Screen Shot 2019-07-26 at 5 43 32 PM

Copy link
Copy Markdown

@Marc-Andre-Rivet Marc-Andre-Rivet left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

While this change is technically accurate, as we discussed, I think this should be fixed in the table itself.

Removing the style below should have (1) have no undesired side-effect on default styling for most reasonable usage scenarios, (2) officialize at the table level the fix you are proposing for your app :) See: https://github.com/plotly/dash-table/blob/master/src/dash-table/components/Table/Table.less#L247

@ycaokris
Copy link
Copy Markdown
Contributor Author

Fix in plotly/dash-table#521

@ycaokris ycaokris changed the title Fix table cell border color Fix table cell white border artifact Jul 30, 2019
Copy link
Copy Markdown
Contributor

@shammamah-zz shammamah-zz left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💃

@ycaokris ycaokris merged commit 2220a81 into master Jul 31, 2019
@josegonzalez josegonzalez deleted the dash-manufacture-spc-dashboard branch December 23, 2019 18:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants