diff options
| author | alex bezek <alex.bezek@cerner.com> | 2020-10-21 09:20:41 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-21 09:20:41 +0300 |
| commit | c4743b17e0aa27ac94f65a4cb5d10bd1aa4176da (patch) | |
| tree | d9bd820887c484c84f3b2903a11f2af316c1cf37 /static | |
| parent | 52fbd819a4d0ff68a4e2ef849f9e032e0bcf4b39 (diff) | |
add ios specific css for fixing the background images (#115)
Signed-off-by: Emruz Hossain <emruz@appscode.com>
Diffstat (limited to 'static')
| -rw-r--r-- | static/assets/css/sections/home.css | 13 |
1 files changed, 13 insertions, 0 deletions
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 <body> 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%; |