Skip to content
Extraits de code Groupes Projets
Valider 2b02da9f rédigé par Matthieu Napoli's avatar Matthieu Napoli
Parcourir les fichiers

Fixes #7796 The 3 layout columns now stays on even smaller screens 

Used `col-sm-` columns instead of `col-md` (so that on tables the columns are not collapsed). I didn't use `col-xs-` because that would really make Piwik unusable on smartphones…
parent 566773f3
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Masquer les modifications d'espaces
En ligne Côte à côte
plugins/Dashboard/javascripts/dashboardObject.js
+ 22
− 22
Voir le fichier @ 2b02da9f
...@@ -300,45 +300,45 @@ ...@@ -300,45 +300,45 @@
switch (layout) { switch (layout) {
case '100': case '100':
$('.col', dashboardElement).removeClass() $('.col', dashboardElement).removeClass()
.addClass('col col-md-12'); .addClass('col col-sm-12');
break; break;
case '50-50': case '50-50':
$('.col', dashboardElement).removeClass() $('.col', dashboardElement).removeClass()
.addClass('col col-md-6'); .addClass('col col-sm-6');
break; break;
case '67-33': case '67-33':
$('.col', dashboardElement)[0].className = 'col col-md-8'; $('.col', dashboardElement)[0].className = 'col col-sm-8';
$('.col', dashboardElement)[1].className = 'col col-md-4'; $('.col', dashboardElement)[1].className = 'col col-sm-4';
break; break;
case '33-67': case '33-67':
$('.col', dashboardElement)[0].className = 'col col-md-4'; $('.col', dashboardElement)[0].className = 'col col-sm-4';
$('.col', dashboardElement)[1].className = 'col col-md-8'; $('.col', dashboardElement)[1].className = 'col col-sm-8';
break; break;
case '33-33-33': case '33-33-33':
$('.col', dashboardElement)[0].className = 'col col-md-4'; $('.col', dashboardElement)[0].className = 'col col-sm-4';
$('.col', dashboardElement)[1].className = 'col col-md-4'; $('.col', dashboardElement)[1].className = 'col col-sm-4';
$('.col', dashboardElement)[2].className = 'col col-md-4'; $('.col', dashboardElement)[2].className = 'col col-sm-4';
break; break;
case '40-30-30': case '40-30-30':
$('.col', dashboardElement)[0].className = 'col col-md-6'; $('.col', dashboardElement)[0].className = 'col col-sm-6';
$('.col', dashboardElement)[1].className = 'col col-md-3'; $('.col', dashboardElement)[1].className = 'col col-sm-3';
$('.col', dashboardElement)[2].className = 'col col-md-3'; $('.col', dashboardElement)[2].className = 'col col-sm-3';
break; break;
case '30-40-30': case '30-40-30':
$('.col', dashboardElement)[0].className = 'col col-md-3'; $('.col', dashboardElement)[0].className = 'col col-sm-3';
$('.col', dashboardElement)[1].className = 'col col-md-6'; $('.col', dashboardElement)[1].className = 'col col-sm-6';
$('.col', dashboardElement)[2].className = 'col col-md-3'; $('.col', dashboardElement)[2].className = 'col col-sm-3';
break; break;
case '30-30-40': case '30-30-40':
$('.col', dashboardElement)[0].className = 'col col-md-3'; $('.col', dashboardElement)[0].className = 'col col-sm-3';
$('.col', dashboardElement)[1].className = 'col col-md-3'; $('.col', dashboardElement)[1].className = 'col col-sm-3';
$('.col', dashboardElement)[2].className = 'col col-md-6'; $('.col', dashboardElement)[2].className = 'col col-sm-6';
break; break;
case '25-25-25-25': case '25-25-25-25':
$('.col', dashboardElement)[0].className = 'col col-md-3'; $('.col', dashboardElement)[0].className = 'col col-sm-3';
$('.col', dashboardElement)[1].className = 'col col-md-3'; $('.col', dashboardElement)[1].className = 'col col-sm-3';
$('.col', dashboardElement)[2].className = 'col col-md-3'; $('.col', dashboardElement)[2].className = 'col col-sm-3';
$('.col', dashboardElement)[3].className = 'col col-md-3'; $('.col', dashboardElement)[3].className = 'col col-sm-3';
break; break;
} }
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter