[enh] Use less JS for sliding animation.

This commit is contained in:
opi 2016-03-19 11:58:48 +01:00
parent 33da1c061d
commit 87a7ea0d4a
3 changed files with 3 additions and 15 deletions

View file

@ -190,10 +190,7 @@ button {
#slider-container { #slider-container {
.clearfix; .clearfix;
/*[RFC] why the max-width? */ width: 200%;
/*max-width: 1500px;*/
/*width: 1500px; */
width: 100%;
height: 100%; height: 100%;
min-height: 150px; min-height: 150px;
} }

View file

@ -206,7 +206,7 @@
if (store.get('slide') == 'back') { if (store.get('slide') == 'back') {
store.clear('slide'); store.clear('slide');
$('#slideBack').css('display', 'none'); $('#slideBack').css('display', 'none');
$('#slider-container').removeClass('move').css('margin-left', '-'+ blockSize +'px'); $('#slider-container').removeClass('move').css('margin-left', '-100%');
$('#slideTo').show().html($('#main').html()); $('#slideTo').show().html($('#main').html());
leSwap(); leSwap();
$('#slider-container').addClass('move').css('margin-left', '0px'); $('#slider-container').addClass('move').css('margin-left', '0px');
@ -215,11 +215,10 @@
} else if (store.get('slide') == 'to') { } else if (store.get('slide') == 'to') {
store.clear('slide'); store.clear('slide');
$('#slideTo').css('display', 'none'); $('#slideTo').css('display', 'none');
$('#slider-container').removeClass('move').css('margin-left', '-'+ blockSize +'px');
$('#slider-container').removeClass('move').css('margin-left', '0px'); $('#slider-container').removeClass('move').css('margin-left', '0px');
$('#slideBack').show().html($('#main').html()); $('#slideBack').show().html($('#main').html());
leSwap(); leSwap();
$('#slider-container').addClass('move').css('margin-left', '-'+ blockSize +'px'); $('#slider-container').addClass('move').css('margin-left', '-100%');
} else { } else {
leSwap(); leSwap();

View file

@ -9,14 +9,6 @@
*/ */
sam.bind('run', function () { sam.bind('run', function () {
// Fixes for sliding effect
$('#slider-container').width(2*$('#slider').width() +'px');
$(window).resize(function() {
$('#slideBack').css('display', 'none');
$('#slideTo').css('display', 'none');
$('#slider-container').width(2*$('#slider').width() +'px').removeClass('move').css('margin-left', '0px');
});
// Flash messages // Flash messages
var flashMessage = $('#flashMessage'); var flashMessage = $('#flashMessage');
$('#toggle-btn', flashMessage).click(function(e) { $('#toggle-btn', flashMessage).click(function(e) {