A music player that connects to your cloud/distributed storage.
Improve overlay interaction
+18
-35
+18
-35
src/Applications/UI.elm
+18
-35
src/Applications/UI.elm
···
684
684
body : Model -> Html Msg
685
685
body model =
686
686
section
687
-
(case model.equalizer.activeKnob of
688
-
Just _ ->
689
-
[ (EqualizerMsg << Equalizer.AdjustKnob)
690
-
|> Pointer.onMove
691
-
|> Html.Styled.Attributes.fromUnstyled
692
-
, (EqualizerMsg << Equalizer.DeactivateKnob)
693
-
|> Pointer.onUp
694
-
|> Html.Styled.Attributes.fromUnstyled
695
-
]
687
+
(if Maybe.isJust model.contextMenu then
688
+
[ onClick HideContextMenu ]
696
689
697
-
Nothing ->
698
-
[]
690
+
else if Maybe.isJust model.equalizer.activeKnob then
691
+
[ (EqualizerMsg << Equalizer.AdjustKnob)
692
+
|> Pointer.onMove
693
+
|> Html.Styled.Attributes.fromUnstyled
694
+
, (EqualizerMsg << Equalizer.DeactivateKnob)
695
+
|> Pointer.onUp
696
+
|> Html.Styled.Attributes.fromUnstyled
697
+
]
698
+
699
+
else
700
+
[]
699
701
)
700
702
[ Css.Global.global globalCss
701
703
···
821
823
822
824
overlay : Maybe (ContextMenu Msg) -> Html Msg
823
825
overlay maybeContextMenu =
824
-
let
825
-
isVisible =
826
-
Maybe.isJust maybeContextMenu
827
-
in
828
826
brick
829
-
[ css (overlayStyles { clickable = isVisible })
830
-
831
-
--
832
-
, ifThenElse isVisible (onClick HideContextMenu) (onClick Bypass)
833
-
]
827
+
[ css overlayStyles ]
834
828
[ T.absolute
835
829
, T.absolute__fill
836
830
, T.z_999
837
831
838
832
--
839
-
, ifThenElse isVisible T.o_100 T.o_0
833
+
, ifThenElse (Maybe.isJust maybeContextMenu) T.o_100 T.o_0
840
834
]
841
835
[]
842
836
···
889
883
-- 🖼 ░░ OTHER
890
884
891
885
892
-
overlayStyles : { clickable : Bool } -> List Css.Style
893
-
overlayStyles { clickable } =
886
+
overlayStyles : List Css.Style
887
+
overlayStyles =
894
888
[ Css.backgroundColor (Css.rgba 0 0 0 0.25)
895
-
896
-
--
897
-
, ifThenElse
898
-
clickable
899
-
(Css.pointerEvents Css.auto)
900
-
(Css.pointerEvents Css.none)
901
-
902
-
--
903
-
, ifThenElse
904
-
clickable
905
-
(Css.cursor Css.pointer)
906
-
(Css.cursor Css.inherit)
889
+
, Css.pointerEvents Css.none
907
890
908
891
--
909
892
, Css.Transitions.transition