From 082f46815577cf380669bcf85840bba7f93db868 Mon Sep 17 00:00:00 2001 From: Eike Kettner Date: Wed, 5 Aug 2020 22:31:57 +0200 Subject: [PATCH] Use a icon menu for the edit menu top bar --- .../src/main/elm/Comp/ItemDetail/View.elm | 28 ++++++++++++------- 1 file changed, 18 insertions(+), 10 deletions(-) diff --git a/modules/webapp/src/main/elm/Comp/ItemDetail/View.elm b/modules/webapp/src/main/elm/Comp/ItemDetail/View.elm index 592209be..c089c552 100644 --- a/modules/webapp/src/main/elm/Comp/ItemDetail/View.elm +++ b/modules/webapp/src/main/elm/Comp/ItemDetail/View.elm @@ -693,30 +693,38 @@ renderEditMenu settings model = renderEditButtons : Model -> Html Msg renderEditButtons model = - div [ class "ui segment" ] - [ button + div [ class "ui top attached icon ablue-comp menu" ] + [ a [ classList - [ ( "ui primary button", True ) + [ ( "borderless item", True ) , ( "invisible", model.item.state /= "created" ) ] + , title "Confirm metadata" + , href "#" , onClick ConfirmItem ] [ i [ class "check icon" ] [] - , text "Confirm" ] - , button + , a [ classList - [ ( "ui primary button", True ) + [ ( "borderless item", True ) , ( "invisible", model.item.state /= "confirmed" ) ] + , href "#" + , title "Unconfirm metadata" , onClick UnconfirmItem ] [ i [ class "eye slash outline icon" ] [] - , text "Unconfirm" ] - , button [ class "ui negative button", onClick RequestDelete ] - [ i [ class "trash icon" ] [] - , text "Delete" + , div [ class "right floated menu" ] + [ a + [ class "borderless item" + , onClick RequestDelete + , href "#" + , title "Delete the item" + ] + [ i [ class "red trash icon" ] [] + ] ] ]