diff --git a/src/ContainerDetails.react.js b/src/ContainerDetails.react.js index 39183fc230..900ceb04b5 100644 --- a/src/ContainerDetails.react.js +++ b/src/ContainerDetails.react.js @@ -11,7 +11,6 @@ var dialog = remote.require('dialog'); var ContainerStore = require('./ContainerStore'); var ContainerUtil = require('./ContainerUtil'); var boot2docker = require('./Boot2Docker'); -var ProgressBar = require('react-bootstrap/ProgressBar'); var ContainerDetailsHeader = require('./ContainerDetailsHeader.react'); var ContainerHome = require('./ContainerHome.react'); var RetinaImage = require('react-retina-image'); @@ -418,7 +417,7 @@ var ContainerDetails = React.createClass({ if (this.state.progress) { body = (
-

Downloading

+

Downloading

); diff --git a/src/NewContainer.react.js b/src/NewContainer.react.js index 3fbe6ac05c..671b8028fc 100644 --- a/src/NewContainer.react.js +++ b/src/NewContainer.react.js @@ -77,6 +77,7 @@ var NewContainer = React.createClass({ if (err) { throw err; } + $(document.body).find('.new-container-item').parent().fadeOut(); }.bind(this)); }, handleDropdownClick: function (name) { diff --git a/styles/containers.less b/styles/containers.less index 1609bb0fd2..30dca5f810 100644 --- a/styles/containers.less +++ b/styles/containers.less @@ -585,6 +585,9 @@ &.stopped { color: @gray-lighter; } + &.downloading { + color: @brand-action; + } } /*.details-header-actions { @@ -618,9 +621,12 @@ } .details-progress { - margin: 26% auto 0; + margin: 20% auto 0; text-align: center; width: 300px; + h2 { + margin-bottom: 20px; + } } .details-panel { diff --git a/styles/theme.less b/styles/theme.less index 132faa7545..2a404974b3 100644 --- a/styles/theme.less +++ b/styles/theme.less @@ -5,6 +5,11 @@ @import "bootstrap/variables.less"; @import "bootstrap/mixins.less"; +h2 { + font-size: 18px; + color: @gray-normal; +} + h3 { font-size: 14px; color: @gray-darkest;