diff --git a/lib/app.js b/lib/app.js index 95ac3dc..79adf6e 100644 --- a/lib/app.js +++ b/lib/app.js @@ -8,10 +8,12 @@ import presets from './presets'; import deviceWallFsmFactory from './device-wall-fsm'; import {UI} from './action-names'; -const logger = createLogger(); -const createStoreWithMiddleware = applyMiddleware(logger)(createStore); +var storeFactory = createStore; +if (process.env.NODE_ENV !== 'production') { + storeFactory = applyMiddleware(createLogger())(storeFactory); +} -export const store = createStoreWithMiddleware(reducers, { +export const store = storeFactory(reducers, { devices, presets, pageUrl: null, diff --git a/lib/components/help.js b/lib/components/help.js index ffd9811..9a97373 100644 --- a/lib/components/help.js +++ b/lib/components/help.js @@ -21,13 +21,13 @@ export default tr.component({

Device Wall

-

The Device Wall provides a birds-eye overview of how your web-page may look on different devices. Each view is sized and overrides user-agent according to real device specs.

+

The Device Wall provides a birds-eye overview of how your web-page may look on different devices. Each view is sized and overrides user-agent according to real device specs and <meta name="viewport"> tag of your page.

In this view, hold down Shift key to enter control mode (screen edge will glow green). In control mode:

-

If you don’t see glowing screen edge while holding Shift key, click outside device view and try again.

+

If you don’t see glowing screen edge while holding Shift key, click on gray area outside device view and try again.