mirror of
https://github.com/YunoHost/yunohost-admin.git
synced 2024-09-03 20:06:15 +02:00
[enh] Use less JS for sliding animation.
This commit is contained in:
parent
33da1c061d
commit
87a7ea0d4a
3 changed files with 3 additions and 15 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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();
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
Loading…
Add table
Reference in a new issue