From c4743b17e0aa27ac94f65a4cb5d10bd1aa4176da Mon Sep 17 00:00:00 2001 From: alex bezek Date: Wed, 21 Oct 2020 02:20:41 -0400 Subject: add ios specific css for fixing the background images (#115) Signed-off-by: Emruz Hossain --- static/assets/css/sections/home.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'static') diff --git a/static/assets/css/sections/home.css b/static/assets/css/sections/home.css index ad8fa2a..893ee3d 100644 --- a/static/assets/css/sections/home.css +++ b/static/assets/css/sections/home.css @@ -18,6 +18,19 @@ background-size: cover; } +/* + Resolves https://github.com/hossainemruz/toha/issues/70 + + fixed attached images use the whole size. On mobile this can get really + tall which blows your image out. Setting the attachment back to scroll allows + your cover image to stretch within its own container +*/ +@supports (-webkit-touch-callout: none) { + .background { + background-attachment: scroll; + } +} + .content { position: relative; top: -65%; -- cgit v1.2.3