mdgriffith/elm-ui
1
1
Fork 0
mirror of https://github.com/mdgriffith/elm-ui.git synced 2024-09-11 17:16:02 +03:00
Code Issues Projects Releases Wiki Activity

resolves #62 - set a max width/height 100% on images with object-fit: cover. This should make it so that with height fill or width: fill set, images respond appropriately. If both are set, then the image should maintain it's aspect ratio and crop to fit.

Browse Source
This commit is contained in:
mdgriffith 2020-05-21 20:42:20 -04:00
parent b195afb831
commit fe2b14b87e
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/Internal/Style.elm
View File

@ -961,6 +961,11 @@ baseSheet =
]
, Class (dot classes.any ++ dot classes.single ++ dot classes.imageContainer)
[ Prop "display" "block"
, Child "img"
[ Prop "max-height" "100%"
, Prop "max-width" "100%"
, Prop "object-fit" "cover"
]
]
, Class (dot classes.any ++ ":focus")
[ Prop "outline" "none"