Fix progress bar (and other styling)

[jhpedemonte]

Fix styling issues:

• Busy indicator appears at bottom of page, doesn't animate and doesn't disappear.
• Font sizes are different than dashboard in Notebook.
• Stream message outputs get appended as new elements in output area
  • When phosphor-widget is updated to 1.0.0-rc1 or later, re-commit 94d734d.
• Output area overlaps widget area, but only when running from Docker container (not from localhost).

[dalogsdon]

All obvious styling differences seen with the simple dashboard have been fixed. As we add more widget support we will continue to fix styling discrepancies.

[jhpedemonte]

Our fix for the output area didn't work correctly because of an issue in the phosphor-widget dependency. Need to wait for its latest code to be tagged. For now, we've backed out that fix (94d734d).

[parente]

@sccolbert @blink1073 Any idea when you might cut RC1 of phosphor-widget?

[sccolbert]

@parente I can cut an rc.1 at any time, but there have been no functional changes since rc.0. Are you needing something specific?

[dalogsdon]

@sccolbert We are needing https://github.com/phosphorjs/phosphor-widget/commit/28ee2e76a163b568574f7fc2a743ef257448132a

[blink1073]

That config does not affect Webpack.

[sccolbert]

@dalogsdon As Steve said, that package setting only affects the browserify CSS transform. It has no bearing on webpack. Are you seeing something which doesn't work with the rc.0?

[blink1073]

Ah, you're using Browserify, I was confused by the Webpack file.

[blink1073]

They're using a separate transform step in gulp, looks like the browserify config interferes with it.

[sccolbert]

Ah. Yet another reason to not use browserify :)

edit: some tools require that package setting, other tools break with that setting.

[sccolbert]

The rc.1 is now published.

[dalogsdon]

@blink1073 We are using both browserify and webpack at the moment, and yes it was interfering and causing an error which I don't have handy at the moment.

@sccolbert Thanks for the rc.1, we'll give it another go now.

[jhpedemonte]

Overlap in dashboard seems to be related to lodash version, somehow! No overlap with v3.5.0, but yes with v4.1.0.

Ah. Known issue in Gridstack: gridstack/gridstack.js#307

[parente]

Fixed by latest PR.