Advertisement:

Author Topic: SMF 2.1 Images out of proportion  (Read 2357 times)

Online @rjen

  • Full Member
  • ***
  • Posts: 628
  • Gender: Male
    • FJR-club Nederland
SMF 2.1 Images out of proportion
« on: January 17, 2016, 06:14:24 AM »
Maybe not a bug, but an improvement opportunity.

I ran into the same issue with the responsive curve mod on 2.0.11 and just noticed that 2.1 has the same issue.  In responsive mode (smaller screens) images are taken out of proportion due to the current index.css settings (see attached examples) .

Code: [Select]
.bbc_img, .atc_img {
border: 0;
max-width: 100%;
}

With this the original image (attachment 1) is squashed on small screens (attachment 2)

Should be extended to:

Code: [Select]
.bbc_img, .atc_img {
border: 0;
max-width: 100%;
height: auto;
}

This way the images keep their original aspect  ratio at all times... (attachment 3)
Running SMF 2.0 with Tinyportal 2.0.0 at www.fjr-club.nl
Testing SMF 2.1 with Tinyportal 2.0.0 at test2.fjr-club.nl

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,121
  • Gender: Male
  • Black cat rulz!
    • XinYenFon on GitHub
    • merta on LinkedIn
    • @XinYenFon on Twitter
    • wowsnips
You can support me via Twitch Prime* or Patreon.

SMF Coding & Talks

* Twitch prime is an extra perk of your amazon prime subscription -no extra payment required-.