From 79eb7b4d668209be13b2f5248f9e8e6c6e5e1cc8 Mon Sep 17 00:00:00 2001 From: Eike Kettner Date: Fri, 31 Jul 2020 00:02:57 +0200 Subject: [PATCH] Fix datepicker position for action input fields Either the width and appearance must be changed to match this of an `ui action input` or the position must be fixed as done here. It is not correctly positioned, because the `ui input` class uses a flex. --- modules/webapp/src/main/elm/Comp/ItemDetail.elm | 2 +- modules/webapp/src/main/webjar/docspell.css | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/modules/webapp/src/main/elm/Comp/ItemDetail.elm b/modules/webapp/src/main/elm/Comp/ItemDetail.elm index 4b3351ea..1ccb0ab5 100644 --- a/modules/webapp/src/main/elm/Comp/ItemDetail.elm +++ b/modules/webapp/src/main/elm/Comp/ItemDetail.elm @@ -2208,7 +2208,7 @@ item visible. This message will disappear then. ] , Html.map DirDropdownMsg (Comp.Dropdown.view settings model.directionModel) ] - , div [ class " field" ] + , div [ class "field" ] [ label [] [ Icons.dateIcon "grey" , text "Date" diff --git a/modules/webapp/src/main/webjar/docspell.css b/modules/webapp/src/main/webjar/docspell.css index c09ba8cb..20929c4a 100644 --- a/modules/webapp/src/main/webjar/docspell.css +++ b/modules/webapp/src/main/webjar/docspell.css @@ -262,6 +262,12 @@ label span.muted { From: https://github.com/CurrySoftware/elm-datepicker/blob/3.1.0/css/elm-datepicker.css License: BSD-3-Clause */ + +.elm-datepicker--container.ui.input .elm-datepicker--picker { + top: 2.7em; +} + + .elm-datepicker--container { position: relative; }