NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2025-01-02 03:16:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #670 from NoRedInk/raven/reduced-motion-support-3

Browse Source 
Raven/reduced motion support 3
This commit is contained in:
Tessa 2021-01-25 10:53:57 -08:00 committed by GitHub
commit 0a9a882937
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/Nri/Ui/Confetti/V2.elm
View File

@ -17,6 +17,7 @@ Changes from V1:
-}
import Css exposing (Color)
import Css.Media exposing (withMediaQuery)
import Html.Styled as Html
import Html.Styled.Attributes as Attributes exposing (css)
import Nri.Ui.Colors.V1 as Colors
@ -59,12 +60,16 @@ view (System system _) =
system
|> ParticleSystem.viewCustom viewConfetti
(Html.div
[ Attributes.style "position" "absolute"
, Attributes.style "top" "0"
, Attributes.style "left" "0"
, Attributes.style "width" "100%"
, Attributes.style "height" "100vh"
, Attributes.style "pointer-events" "none"
[ Attributes.css
[ Css.position Css.fixed
, Css.top Css.zero
, Css.left Css.zero
, Css.width (Css.pct 100)
, Css.height (Css.vh 100)
, Css.pointerEvents Css.none
, withMediaQuery [ "(prefers-reduced-motion)" ]
[ Css.display Css.none ]
]
]
)