Kunena 7.0.8 Released

The Kunena team has announce the arrival of Kunena 7.0.8 [K 7.0.8] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x./6.1.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0

Solved to big avatar in reply screen

More
11 years 2 months ago #165420 by Josh
Replied by Josh on topic to big avatar in reply screen
Rudd, the inline styling needs to be removed. As soon as you remove the inline styling of the max-width/height the image is completely responsive and should work great on a mobile phone too. Another alternative to removing the inline styling is for the images to have an applied 100% width to them which will make the max-width/height not negatively effect the images.

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #165433 by ruud
Replied by ruud on topic to big avatar in reply screen
Hi, removing the inline styling is not a small change. Returning the avatar is a Kunena function that takes the size as a parameter (post, list, profile, welcome, etc.).
This size is not only returned as inline styling (height and width), but is also used to specify which size avatar image is to be returned.
Omitting this will always return the largest avatar (in my case that is an avatar of 200x200px), if this avatar is then resized to 'list'(36x36px) Google will 'punish' you for using a to large image and then scaling it back > that is not good SEO (pagespeed).

sharing = caring

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #165435 by Josh
Replied by Josh on topic to big avatar in reply screen
If removing the inline CSS is not an easy option, lets go with plan B. To make the reply preview avatars responsive, change line 118 of /media/kunena/cache/crypsis/css/kunena.css to the following:
Code:
#kunena.layout .img-polaroid { border-color: #dddddd; border-radius: 4px; width: 100%; }

Do note that this does slightly effect the avatars on the threads themselves by slightly scaling them down to use more padding. If we want to only effect the reply avatars we would use:
Code:
#kunena.layout #history .img-polaroid { border-color: #dddddd; border-radius: 4px; width: 100%; }

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #165437 by ruud
Replied by ruud on topic to big avatar in reply screen
just had the same thought :)
didn't change the kunena.css file but used my templates css override function :)
Could also be done using the Kunena's custom.less file

Ideal situation would be (for me at least):
* One avatar class (instead of the current three: img-polaroid, img-thumbnail, img-rounded)
* Avatar class configuration option in Crypsis template (so you can specify your sites avatar class and easily change that)
* autoscaling of avatar to fit 'box': with width: 100% ?

sharing = caring
The following user(s) said Thank You: Josh

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #165439 by Josh
Replied by Josh on topic to big avatar in reply screen
I mentioned the kunena.css file mostly for the Kunena developers themselves. Many of us know that a template override is a much more ideal method considering that any extension mods usually get overridden upon upgrades.

And yes, any three of those methods would help.

Please Log in or Create an account to join the conversation.

More
11 years 2 months ago #165440 by ruud
Replied by ruud on topic to big avatar in reply screen
now would be the time to have a look at this :) with the B3 version of crypsis coming I guess a lot code gets 'duplicated' > making a change after that will double the work :P

sharing = caring

Please Log in or Create an account to join the conversation.

Time to create page: 0.605 seconds