YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

[enh] Use less JS for sliding animation.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/css/style.less
View file

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

5
src/js/yunohost/helpers.js
View file

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

8
src/js/yunohost/main.js
View file

@ -9,14 +9,6 @@
*/
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
var flashMessage = $('#flashMessage');
$('#toggle-btn', flashMessage).click(function(e) {