Mudanças entre as edições de "MediaWiki: Common.js"

De WikiAjuda
Ir para: navegação, pesquisa
 
(11 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 6: Linha 6:
 
     checkScreenSize();
 
     checkScreenSize();
  
     function checkScreenSize(){
+
     if(mw.config.get( 'wgIsMainPage' ) === true) {
        var newWindowWidth = $(window).innerWidth();
+
    mainPageLayout();
        <!-- adjust mobile screen width here -->
+
    }
        if (newWindowWidth < 481) {
+
    $('.gobottom').detach().appendTo('#bottom-notice-ns').show();
          $('.newsection img').each(function() {
+
});
                $(this).removeClass().addClass('img-responsive center-block').css('visibility','visible').fadeIn();
+
 
          });
+
function checkScreenSize(){
        } else {
+
    var newWindowWidth = $(window).innerWidth();
          $('.newsection img').each(function() {
+
    // <!-- adjust mobile screen width here -->
 +
    if (newWindowWidth < 481) {
 +
        $('.newsection img').each(function() {
 +
            $(this).removeClass().addClass('img-responsive center-block').css('visibility','visible').fadeIn();
 +
        });
 +
    } else {
 +
        $('.newsection img').each(function() {
 
               var width = $(this).width();  
 
               var width = $(this).width();  
 
               var height = $(this).height();  
 
               var height = $(this).height();  
 
               var ratio = height / width;
 
               var ratio = height / width;
               <!-- adjust mobile screenshot ratio -->
+
               // <!-- adjust mobile screenshot ratio -->
 
               if(ratio > 1.5) {
 
               if(ratio > 1.5) {
 
                   $(this).removeClass().addClass('img-mobile center-block').css('visibility','visible').fadeIn();
 
                   $(this).removeClass().addClass('img-mobile center-block').css('visibility','visible').fadeIn();
Linha 24: Linha 30:
 
                   $(this).removeClass().addClass('img-responsive center-block').css('visibility','visible').fadeIn();
 
                   $(this).removeClass().addClass('img-responsive center-block').css('visibility','visible').fadeIn();
 
               }
 
               }
          });
+
        });
        }
 
 
     }
 
     }
});
+
}
 +
 
 +
function mainPageLayout() {
 +
      $('[role="main"]').toggleClass('col-md-9 col-md-12');
 +
}

Edição atual tal como às 19h12min de 18 de junho de 2020

$(document).ready(function () {
    $(window).on("resize", function (e) {
        checkScreenSize();
    });

    checkScreenSize();

    if(mw.config.get( 'wgIsMainPage' ) === true) {
     mainPageLayout();
    }
    $('.gobottom').detach().appendTo('#bottom-notice-ns').show();
});

function checkScreenSize(){
    var newWindowWidth = $(window).innerWidth();
    // <!-- adjust mobile screen width here -->
    if (newWindowWidth < 481) {
        $('.newsection img').each(function() {
             $(this).removeClass().addClass('img-responsive center-block').css('visibility','visible').fadeIn();
        });
    } else {
        $('.newsection img').each(function() {
              var width = $(this).width(); 
              var height = $(this).height(); 
              var ratio = height / width;
              // <!-- adjust mobile screenshot ratio -->
              if(ratio > 1.5) {
                  $(this).removeClass().addClass('img-mobile center-block').css('visibility','visible').fadeIn();
              } else {
                  $(this).removeClass().addClass('img-responsive center-block').css('visibility','visible').fadeIn();
              }
        });
    }
}

function mainPageLayout() {
       $('[role="main"]').toggleClass('col-md-9 col-md-12');
}