Use a icon menu for the edit menu top bar

This commit is contained in:
Eike Kettner 2020-08-05 22:31:57 +02:00
parent baa25d0f2f
commit 082f468155

View File

@ -693,30 +693,38 @@ renderEditMenu settings model =
renderEditButtons : Model -> Html Msg renderEditButtons : Model -> Html Msg
renderEditButtons model = renderEditButtons model =
div [ class "ui segment" ] div [ class "ui top attached icon ablue-comp menu" ]
[ button [ a
[ classList [ classList
[ ( "ui primary button", True ) [ ( "borderless item", True )
, ( "invisible", model.item.state /= "created" ) , ( "invisible", model.item.state /= "created" )
] ]
, title "Confirm metadata"
, href "#"
, onClick ConfirmItem , onClick ConfirmItem
] ]
[ i [ class "check icon" ] [] [ i [ class "check icon" ] []
, text "Confirm"
] ]
, button , a
[ classList [ classList
[ ( "ui primary button", True ) [ ( "borderless item", True )
, ( "invisible", model.item.state /= "confirmed" ) , ( "invisible", model.item.state /= "confirmed" )
] ]
, href "#"
, title "Unconfirm metadata"
, onClick UnconfirmItem , onClick UnconfirmItem
] ]
[ i [ class "eye slash outline icon" ] [] [ i [ class "eye slash outline icon" ] []
, text "Unconfirm"
] ]
, button [ class "ui negative button", onClick RequestDelete ] , div [ class "right floated menu" ]
[ i [ class "trash icon" ] [] [ a
, text "Delete" [ class "borderless item"
, onClick RequestDelete
, href "#"
, title "Delete the item"
]
[ i [ class "red trash icon" ] []
]
] ]
] ]