Change timing and colors

This commit is contained in:
Arunoda Susiripala 2016-04-09 19:53:26 +05:30
parent 4b0571328d
commit a34adf0c8c
3 changed files with 8 additions and 8 deletions

View File

@ -38,7 +38,7 @@ var preStyle = {
border: '1px solid #ECECEC', border: '1px solid #ECECEC',
borderRadius: 4, borderRadius: 4,
backgroundColor: '#FFF', backgroundColor: '#FFF',
margin: '0', margin: 0,
position: 'absolute', position: 'absolute',
top: '30px', top: '30px',
right: 0, right: 0,
@ -64,8 +64,8 @@ var btnStyle = {
}; };
var latestActionLogStyle = { var latestActionLogStyle = {
backgroundColor: 'oldlace', backgroundColor: '#FFFCE0',
transition: 'all .5s ease-in' transition: 'all .2s ease-in'
}; };
var ActionLogger = function (_Component) { var ActionLogger = function (_Component) {
@ -85,7 +85,7 @@ var ActionLogger = function (_Component) {
this.refs.actionLogger.style.backgroundColor = latestActionLogStyle.backgroundColor; this.refs.actionLogger.style.backgroundColor = latestActionLogStyle.backgroundColor;
setTimeout(function () { setTimeout(function () {
_this2.refs.actionLogger.style.backgroundColor = 'white'; _this2.refs.actionLogger.style.backgroundColor = 'white';
}, 800); }, 500);
} }
} }
}, { }, {

View File

@ -15,7 +15,7 @@ var _webpack2 = _interopRequireDefault(_webpack);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var config = { var config = {
devtool: 'cheap-module-eval-source-map', devtool: '#cheap-module-eval-source-map',
entry: { entry: {
admin: ['stack-source-map/register', _path2.default.resolve(__dirname, '../client/init_admin')], admin: ['stack-source-map/register', _path2.default.resolve(__dirname, '../client/init_admin')],
preview: ['stack-source-map/register', 'webpack-hot-middleware/client', _path2.default.resolve(__dirname, '../client/init_preview')] preview: ['stack-source-map/register', 'webpack-hot-middleware/client', _path2.default.resolve(__dirname, '../client/init_preview')]

View File

@ -37,8 +37,8 @@ const btnStyle = {
}; };
const latestActionLogStyle = { const latestActionLogStyle = {
backgroundColor: 'oldlace', backgroundColor: '#FFFCE0',
transition: 'all .5s ease-in', transition: 'all .2s ease-in',
}; };
class ActionLogger extends Component { class ActionLogger extends Component {
@ -47,7 +47,7 @@ class ActionLogger extends Component {
this.refs.actionLogger.style.backgroundColor = latestActionLogStyle.backgroundColor; this.refs.actionLogger.style.backgroundColor = latestActionLogStyle.backgroundColor;
setTimeout(() => { setTimeout(() => {
this.refs.actionLogger.style.backgroundColor = 'white'; this.refs.actionLogger.style.backgroundColor = 'white';
}, 800); }, 500);
} }
} }