paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 14:03:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

portico: Stop wraping of slides in landing page carousel.

Browse Source
This commit is contained in:
Shubham Dhama
2018-06-04 13:48:18 +05:30
committed by Tim Abbott
parent 620b473cc8
commit e59fcddb13
2 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/js/portico/landing-page.js
View File

@@ -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 // Set up events / categories / search
events(); events();
}; };

10
templates/zerver/hello.html
View File

@@ -2,7 +2,7 @@
{% block customhead %} {% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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> <script src="https://stackpath.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
{{ render_bundle('landing-page') }} {{ render_bundle('landing-page') }}
@@ -144,8 +144,8 @@
</div> </div>
</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 left visibility-control hide" 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 right visibility-control" href="#tour-carousel" data-slide="next"><i class="fa fa-chevron-right"></i></a>
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#tour-carousel" data-slide-to="0" class="active"></li> <li data-target="#tour-carousel" data-slide-to="0" class="active"></li>
<li data-target="#tour-carousel" data-slide-to="1"></li> <li data-target="#tour-carousel" data-slide-to="1"></li>
@@ -474,9 +474,13 @@
</div> </div>
</div> </div>
<div class="left visibility-control hide">
<a class="fa fa-chevron-left" href="#quote-carousel" data-slide="prev"></a> <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> <a class="fa fa-chevron-right" href="#quote-carousel" data-slide="next"></a>
</div> </div>
</div>
<hr /> <hr />