Update from 0.37.7 to 0.38.0 break local css for Dash components

[EBoisseauSierra]

TL;DR: 0.37.7 -> 0.38.0 breaks dcc css styling.

I have styled some dcc in a local .css file — e.g.:

.Select-control {
 width: 100%;
 font-family: sans-serif;
 height: 50px;
 border-radius: 0;
 font-size: 100%;
}

.Select-placeholder,
.Select-value-label {
 line-height: 50px;
}

.DateRangePicker,
.DateRangePickerInput {
 display: block;
}

.DateInput {
 min-width: 110px;
 width: 45%;
 text-align: center;
}

.DateInput__display-text {
 font-family: sans-serif;
 font-weight: normal;
}

.DateRangePickerInput__arrow{
 width: 10%;
 min-width: 24px;
 text-align: center;
}

.Select-menu-outer{
 font-family: sans-serif;
}

The file is stored in my asset folder. It contains other style for other elements too.
When I upgraded from 0.37.2 to 0.38.0, the css file is still loaded (other elements do get styled), however, dcc are not styled anymore:

pip install -Iv dash-core-components==0.37.2: OK (right dropdown size)

pip install -Iv dash-core-components==0.38.0: ERROR (dropdowns are styled as default, despite css)

[chriddyp]

@valentijnnieman Do you know what's going on here? Did the CSS rules change in our upgrade or is our new CSS-in-JS method just placing our component CSS after user-supplied CSS?

[valentijnnieman]

Looks like style-loader inserts the CSS at the bottom by default - causing user specified CSS (in /assets) to be loaded before, preventing it from overwriting the defaults. Thanks for reporting! I'll get a fix up for this as soon as possible.