done #578 @0.5

diff --git a/js/215-home-references.js b/js/215-home-references.js
index f1d8f6f12409980f3d2bc0f1060728e0a297c1e8..fc30d57a29c1de03e0e7b6f0e75bc9350757b111 100644 (file)
--- a/js/215-home-references.js
+++ b/js/215-home-references.js
@@ -11,8 +11,8 @@ function load_home_references() {
     var firstColumns = $("section.references .links .reference:lt(9)");\r
 \r
 \r
-    $("section.references .links .scrollHolder").prepend($(lastColumn).clone());\r
-    $("section.references .links .scrollHolder").append($(firstColumns).clone());\r
+    $("section.references .links .scrollHolder").prepend($(lastColumn).clone().addClass('forinfinite'));\r
+    $("section.references .links .scrollHolder").append($(firstColumns).clone().addClass('forinfinite'));\r
     $("section.references .links").append('<div class="arrows"><div class="arrow left"></div><div class="arrow right"></div></div>');\r
 \r
 \r
@@ -51,6 +51,7 @@ function resizeHomeReferences(ww, wh) {
 \r
     $(links).css({width: (uw * 2) + marginRight, height: uh * 2});\r
     $(links).find('.arrow').css({width: marginRight, fontSize: ww * 0.05});\r
+    $(links).scrollLeft(0);\r
 \r
 \r
     $(links).find('.reference').each(function () {\r

diff --git a/less/215-home-references.less b/less/215-home-references.less
index 5ced45dcb78970f9172ef5788034f9b4b8f9cf45..2c4b2a59acd74009f59c4278cc240706e4ac0137 100644 (file)
--- a/less/215-home-references.less
+++ b/less/215-home-references.less
@@ -9,10 +9,26 @@ section.references {
                height: 100%;\r
                overflow: hidden;\r
 \r
+               @media @m900 {\r
+                       overflow-x: scroll;\r
+                       overflow-y: hidden;\r
+                       -webkit-overflow-scrolling: touch;\r
+               }\r
+\r
                .scrollHolder {\r
                        position: absolute;\r
                        top: 0;\r
                        left: 0;\r
+\r
+                       @media @m900 {\r
+                               left: 0 !important;\r
+                       }\r
+               }\r
+\r
+               .arrows {\r
+                       @media @m900 {\r
+                               display: none;\r
+                       }\r
                }\r
 \r
                .arrow {\r
@@ -80,6 +96,12 @@ section.references {
                                        }\r
                                }\r
                        }\r
+\r
+                       &.forinfinite {\r
+                               @media @m900 {\r
+                                       display: none;\r
+                               }\r
+                       }\r
                }\r
 \r
                .img {\r