mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-28 05:10:17 +08:00
Change timing and colors
This commit is contained in:
parent
4b0571328d
commit
a34adf0c8c
8
dist/client/ui/action_logger.js
vendored
8
dist/client/ui/action_logger.js
vendored
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
|
2
dist/server/webpack.config.js
vendored
2
dist/server/webpack.config.js
vendored
@ -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')]
|
||||||
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user