Make the current drop target visible

This commit is contained in:
Eike Kettner 2020-05-24 17:48:02 +02:00
parent 90e039ceb3
commit 81a1b7af0b
2 changed files with 20 additions and 1 deletions

View File

@ -1446,16 +1446,31 @@ renderAttachmentsTabMenu model =
[ text "E-Mails" [ text "E-Mails"
] ]
] ]
highlight el =
let
dropId =
DD.getDropId model.attachDD
dragId =
DD.getDragId model.attachDD
enable =
Just el.id == dropId && dropId /= dragId
in
[ ( "current-drop-target", enable )
]
in in
div [ class "ui top attached tabular menu" ] div [ class "ui top attached tabular menu" ]
(List.indexedMap (List.indexedMap
(\pos -> (\pos ->
\el -> \el ->
a a
([ classList ([ classList <|
[ ( "item", True ) [ ( "item", True )
, ( "active", attachmentVisible model pos ) , ( "active", attachmentVisible model pos )
] ]
++ highlight el
, title (Maybe.withDefault "No Name" el.name) , title (Maybe.withDefault "No Name" el.name)
, href "" , href ""
, onClick (SetActiveAttachment pos) , onClick (SetActiveAttachment pos)

View File

@ -143,6 +143,10 @@ textarea.markdown-editor {
background: rgba(240,248,255,0.4); background: rgba(240,248,255,0.4);
} }
.default-layout .ui.menu .item.current-drop-target {
background: rgba(0,0,0,0.2);
}
label span.muted { label span.muted {
font-size: smaller; font-size: smaller;
color: rgba(0,0,0,0.6); color: rgba(0,0,0,0.6);