paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 05:53:43 +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
events();
};

10
templates/zerver/hello.html
View File

@@ -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,9 +474,13 @@
</div>
</div>
<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 />