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.
This commit is contained in:
Eike Kettner 2020-07-31 00:02:57 +02:00
parent dbd0f3ff97
commit 79eb7b4d66
2 changed files with 7 additions and 1 deletions

View File

@ -2208,7 +2208,7 @@ item visible. This message will disappear then.
] ]
, Html.map DirDropdownMsg (Comp.Dropdown.view settings model.directionModel) , Html.map DirDropdownMsg (Comp.Dropdown.view settings model.directionModel)
] ]
, div [ class " field" ] , div [ class "field" ]
[ label [] [ label []
[ Icons.dateIcon "grey" [ Icons.dateIcon "grey"
, text "Date" , text "Date"

View File

@ -262,6 +262,12 @@ label span.muted {
From: https://github.com/CurrySoftware/elm-datepicker/blob/3.1.0/css/elm-datepicker.css From: https://github.com/CurrySoftware/elm-datepicker/blob/3.1.0/css/elm-datepicker.css
License: BSD-3-Clause License: BSD-3-Clause
*/ */
.elm-datepicker--container.ui.input .elm-datepicker--picker {
top: 2.7em;
}
.elm-datepicker--container { .elm-datepicker--container {
position: relative; } position: relative; }