Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome, Guest. Please login or register.
Did you miss your activation email?

May 31, 2020, 06:21:10 AM

Login with username, password and session length
Members
Stats
  • Total Posts: 190049
  • Total Topics: 20834
  • Online Today: 105
  • Online Ever: 917
  • (January 21, 2020, 09:02:26 AM)
Users Online
Users: 1
Guests: 76
Total: 77

Author Topic: Avatars In recent topics block are stretched to 'square'  (Read 860 times)

0 Members and 1 Guest are viewing this topic.

Offline @rjen

  • Support Team
  • *
  • Posts: 2125
    • FJR-club Nederland
Avatars In recent topics block are stretched to 'square'
« on: February 16, 2018, 01:48:07 PM »
Just noticed that the avatars shown in the recent topics block are all stretched to 'square' in TP1.4R.
In my forum not all avatars are square. In TP1.3 the Avatars were show in correct proportions...

I would suggest to restore the correct proportions as was the case in 1.3
Running TP1.6.6 on SMF2.0 at: www.fjr-club.nl

Testing TP on SMF2.0
Testing TP on SMF2.1 RC2
Want to check what php version I am testing on? See: PHP Info

Offline tino

  • Developer
  • *
  • Posts: 1863
Re: Avatars In recent topics block are stretched to 'square'
« Reply #1 on: February 16, 2018, 02:30:33 PM »
Which when I undo break's my image's which are square as it stretches them... I'll try and find an alternative which works for both.

Online lurkalot

  • Administrator
  • *
  • Posts: 6624
    • Camera Craniums
Re: Avatars In recent topics block are stretched to 'square'
« Reply #2 on: February 16, 2018, 02:39:21 PM »
Wasn't completely sure of the reasoning behind this one, now you said that tino, it makes sense, although it shouldn't stretch your square images if just the width is set. That's a bit of a mystery.

Offline tino

  • Developer
  • *
  • Posts: 1863
Re: Avatars In recent topics block are stretched to 'square'
« Reply #3 on: February 16, 2018, 02:43:18 PM »
Wasn't completely sure of the reasoning behind this one, now you said that tino, it makes sense, although it shouldn't stretch your square images if just the width is set. That's a bit of a mystery.

The height was also set. It might be that just setting one is the fix. Although I think the height or width can't remember which was set by some other css.

Online lurkalot

  • Administrator
  • *
  • Posts: 6624
    • Camera Craniums
Re: Avatars In recent topics block are stretched to 'square'
« Reply #4 on: February 16, 2018, 02:49:19 PM »
Wasn't completely sure of the reasoning behind this one, now you said that tino, it makes sense, although it shouldn't stretch your square images if just the width is set. That's a bit of a mystery.

The height was also set. It might be that just setting one is the fix. Although I think the height or width can't remember which was set by some other css.

I know where you added the height width,
Code: [Select]
span.tpavatar img

{

width: 35px;

height: 35px;

}


but what are these two bits of css below referring to? Any ideas?

Code: [Select]
.avatar_single img

{

height: 28px;

float: left;

padding: 1px;

background: white;

border: solid 1px #aaa;

margin: 0 .75em 4px 0;

}

Code: [Select]
.avatar_single2 img

{

height: 32px;

float: left;

padding: 1px;

background: white;

border: solid 1px #aaa;

margin: 4px 4px 4px 0;

}

Offline tino

  • Developer
  • *
  • Posts: 1863
Re: Avatars In recent topics block are stretched to 'square'
« Reply #5 on: February 16, 2018, 03:13:58 PM »
They are for the comments. Removing the height does work, it previously had 100% in there for some reason, which was causing issues.