Improve responsiveness of detail view

This commit is contained in:
Eike Kettner 2020-05-17 21:58:19 +02:00
parent 72a88f21cb
commit ee4d4e7ae5
3 changed files with 11 additions and 6 deletions

View File

@ -149,7 +149,7 @@ viewItem item =
]
]
, span [ class "right floated meta" ]
[ Util.Time.formatDateShort item.date |> text
[ Util.Time.formatDate item.date |> text
]
]
, div [ class "content" ]

View File

@ -1072,7 +1072,7 @@ view inav model =
[ Html.map DeleteItemConfirm (Comp.YesNoDimmer.view model.deleteItemConfirm)
, div
[ classList
[ ( "four wide column", True )
[ ( "sixteen wide mobile six wide tablet five wide computer column", True )
, ( "invisible", not model.menuOpen )
]
]
@ -1084,7 +1084,7 @@ view inav model =
)
, div
[ classList
[ ( "twelve", model.menuOpen )
[ ( "sixteen wide mobile ten wide tablet eleven wide computer column", model.menuOpen )
, ( "sixteen", not model.menuOpen )
, ( "wide column", True )
]

View File

@ -14,7 +14,9 @@ view model =
div [ class "home-page ui padded grid" ]
[ div
[ classList
[ ( "sixteen wide mobile six wide tablet four wide computer column", True )
[ ( "sixteen wide mobile six wide tablet four wide computer column"
, True
)
, ( "invisible hidden", model.menuCollapsed )
]
]
@ -55,7 +57,9 @@ view model =
]
, div
[ classList
[ ( "sixteen wide mobile ten wide tablet twelve wide computer column", not model.menuCollapsed )
[ ( "sixteen wide mobile ten wide tablet twelve wide computer column"
, not model.menuCollapsed
)
, ( "sixteen wide column", model.menuCollapsed )
]
]
@ -80,7 +84,8 @@ view model =
resultPlaceholder
else
Html.map ItemCardListMsg (Comp.ItemCardList.view model.itemListModel)
Html.map ItemCardListMsg
(Comp.ItemCardList.view model.itemListModel)
Detail ->
div [] []