git.iko.soy/typeable/elm-ui
on master help sign in
remove getViewport example code in docs
8237e65Matthew Griffith
src/Element.elm+1−12
@@ -189,18 +189,7 @@ The main technique for responsiveness is to store window size information in you
189
189
190Install the `Browser` package, and set up a subscription for [`Browser.Events.onResize`](https://package.elm-lang.org/packages/elm/browser/latest/Browser-Events#onResize).
190Install the `Browser` package, and set up a subscription for [`Browser.Events.onResize`](https://package.elm-lang.org/packages/elm/browser/latest/Browser-Events#onResize).
191
191
192−You'll also need to retrieve the initial window size. You can either use [`Browser.Dom.getViewport`](https://package.elm-lang.org/packages/elm/browser/latest/Browser-Dom#getViewport):
193−
194− Task.perform
195− (\window ->
196− WindowResize
197− { width = round window.viewport.width
198− , height = round window.viewport.height
199− }
200− )
201− Browser.Dom.getViewport
202−
203−Or pass in `window.innerWidth` and `window.innerHeight` as flags to your program, which is the preferred way. This requires minor setup on the JS side, but allows you to avoid the state where you don't have window info.
192+You'll also need to retrieve the initial window size. You can either use [`Browser.Dom.getViewport`](https://package.elm-lang.org/packages/elm/browser/latest/Browser-Dom#getViewport) or pass in `window.innerWidth` and `window.innerHeight` as flags to your program, which is the preferred way. This requires minor setup on the JS side, but allows you to avoid the state where you don't have window info.
204
193
205@docs Device, DeviceClass, Orientation, classifyDevice
194@docs Device, DeviceClass, Orientation, classifyDevice
206
195