Official moOde 6.5.1 support thread

[bitlab]

Upgrading from 6.4.2 to 6.5.1 I noticed that I can see less albums at once in the album view.

The difference on my systems in available rows x columns thumbnails:
         tablet     pc
6.4.2   3.0x7     3.6x8
6.5.1   2.5x6     2.8x7

Is there a way how you can influence the scaling in 6.5.x ?

Thanks,
Marcel

ps found that changing panel.min.css does the trick (from thumbcols:16vw  to thumbcols:12vw), but not sure if that does have other unwanted side effects ?

Upgrading from 6.4.2 to 6.5.1 I noticed that I can see less albums at once in the album view.

The difference on my systems in available rows x columns thumbnails:
         tablet     pc
6.4.2   3.0x7     3.6x8
6.5.1   2.5x6     2.8x7

Is there a way how you can influence the scaling in 6.5.x ?

Thanks,
Marcel

ps found that changing panel.min.css does the trick (from thumbcols:16vw  to thumbcols:12vw), but not sure if that does have other unwanted side effects ?

What make and model are the tablets and do you know their viewport sizes?

I tested with:

Code:

https://mydevice.io

                 dia     jsres*      dpr   dpi
Samsung S9    |         740x320      3.0   288
Samsung Tab A | 10.5"   1280x720     1.5   144
PC Monitor    |  24"    1920x1200    1.0    96

The following media queries did give a nice result in my case:

Code:

/* phone portrait ~4 col(*/
@media (min-width:320px) and (max-width:470px) and (min-resolution: 180dpi){    
    html, body{
        --thumbcols:23vw;
    }
}

/* phone landscape ~5 col*/
@media (min-width:480px) and (min-resolution: 180dpi) {    
/// defaults are fine
}


/* tablet landscape with large screen (*/
@media (min-width:720px) and (max-resolution: 150dpi) {    
    html, body{
        --thumbcols:18.5vw;
    }
}

/* tablet portrait with large screen (*/
@media (min-width:1280px) and (max-resolution: 150dpi) {    
    html, body{
        --thumbcols:13.6vw;
    }
}

/* pc screen fullhd  ~9 cols */
@media (min-width:1920px) and (max-resolution: 130dpi) {    
    html, body{
       --thumbcols:10.6vw;
   };

}

/* pc screen fullhd+ ~12 cols */
@media (min-width:1921px) and (max-resolution: 130dpi) {    
    html, body{
        --thumbcols:8vw;
    }
}

Thanks,
Marcel