From e59fcddb13d13af91fe1678e5c8faa2fb3ceee49 Mon Sep 17 00:00:00 2001
From: Shubham Dhama <shubhamdhamaofficial@gmail.com>
Date: Mon, 4 Jun 2018 13:48:18 +0530
Subject: [PATCH] portico: Stop wraping of slides in landing page carousel.

---
 static/js/portico/landing-page.js | 10 ++++++++++
 templates/zerver/hello.html       | 14 +++++++++-----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/static/js/portico/landing-page.js b/static/js/portico/landing-page.js
index 42d4b3cc8f..6d1be4f58e 100644
--- a/static/js/portico/landing-page.js
+++ b/static/js/portico/landing-page.js
@@ -249,6 +249,16 @@ var load = function () {
         }
     });
 
+    $('.carousel').on('slid', function () {
+        var $this = $(this);
+        $this.find('.visibility-control').show();
+        if ($this.find('.carousel-inner .item:first').hasClass('active')) {
+            $this.find('.left.visibility-control').hide();
+        } else if ($this.find('.carousel-inner .item:last').hasClass('active')) {
+            $this.find('.right.visibility-control').hide();
+        }
+    });
+
     // Set up events / categories / search
     events();
 };
diff --git a/templates/zerver/hello.html b/templates/zerver/hello.html
index e5dc416616..a5b8062660 100644
--- a/templates/zerver/hello.html
+++ b/templates/zerver/hello.html
@@ -2,7 +2,7 @@
 
 {% block customhead %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<!-- Bootstrap 2.3.2--->
+<!-- Bootstrap 2.3.2-->
 <script src="https://stackpath.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
 
 {{ render_bundle('landing-page') }}
@@ -144,8 +144,8 @@
                         </div>
                     </div>
 
-                    <a class="carousel-control left" href="#tour-carousel" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
-                    <a class="carousel-control right" href="#tour-carousel" data-slide="next"><i class="fa fa-chevron-right"></i></a>
+                    <a class="carousel-control left visibility-control hide" href="#tour-carousel" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
+                    <a class="carousel-control right visibility-control" href="#tour-carousel" data-slide="next"><i class="fa fa-chevron-right"></i></a>
                     <ol class="carousel-indicators">
                         <li data-target="#tour-carousel" data-slide-to="0" class="active"></li>
                         <li data-target="#tour-carousel" data-slide-to="1"></li>
@@ -474,8 +474,12 @@
                     </div>
                 </div>
 
-                <a class="fa fa-chevron-left" href="#quote-carousel" data-slide="prev"></a>
-                <a class="fa fa-chevron-right" href="#quote-carousel" data-slide="next"></a>
+                <div class="left visibility-control hide">
+                    <a class="fa fa-chevron-left" href="#quote-carousel" data-slide="prev"></a>
+                </div>
+                <div class="right visibility-control">
+                    <a class="fa fa-chevron-right" href="#quote-carousel" data-slide="next"></a>
+                </div>
             </div>
 
             <hr />