ソースを参照

add ios specific css for fixing the background images (#115)

Signed-off-by: Emruz Hossain <emruz@appscode.com>
alex bezek 4 年 前
コミット
c4743b17e0
1 ファイル変更13 行追加0 行削除
  1. 13 0
      static/assets/css/sections/home.css

+ 13 - 0
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%;