Notification image ratio issue
By TKABE on Sunday, 20 September 2015
Posted in Feature Requests (Not Supported)
Replies 3
Likes 0
Views 876
Votes 0
See the screen capture attached. The image ratio needs to be adjusted for the notification images. Profile Avatars are 64x64 pixels whereas notification images are not the same ratio and are 52x38 pixels. Notification image should be square 52x52pixels or 38x38 pixels to avoid cutting off the top and bottom of the images.

Todd
Hi Todd,

I am really sorry for the delay of this reply.

Can you try to apply the following css fix inside your template file and see how it goes?
body div#fd.es.popbox-notifications .notifications-result .object-image > span, body div#fd.es.popbox-notifications .conversations-result .object-image > span {

    height: 52px;

}
Ezrul Fazwan
·
Monday, 21 September 2015 16:00
·
0 Likes
·
0 Votes
·
0 Comments
·
Ezrul,

Yes this worked, however my modification was slightly different since the css already had a height element as shown.
I noted that it is likely the height was set to the existing height of the message text area (left of the avatar) the post date is a separate element so the message test plus the post date do allow an avatar image height:52px.

Might you be adding this to the core code for future updates?

body div#fd.es .es-toolbar .es-toolbar-wrap .dropdown-menu.dropdown-menu-notification .object-image>span {
width: 52px;
/*height: 38px;*/
height: 52px;
background-color: transparent;
background-position: center 25%;
background-repeat: no-repeat;
background-size: cover;
display: block
}


Todd
TKABE
·
Wednesday, 30 September 2015 04:38
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Tkabe,

Thanks for the heads up on this issue. I will forward this to our designer and see if they can add a proper fix in the future release of easysocial.
Ezrul Fazwan
·
Wednesday, 30 September 2015 11:37
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post