Persona - teaser avatar not showing tooltip with name.

whitts

I am using the persona theme and realized that the avatar (in the teaser column) wont show the users name in the tooltip if the user has uploaded a picture.. If the users avatar is the default one (color with letter) then it shows the usersname on hover.

Thanks,

<baris>

Which page? Does it work on this forum?

Robert

@whitts check if NodeBB can access the uploaded image by checking your file permissions

whitts

@baris - its on all of the pages. i just checked and it works on this forum - probably will be fixed when i next update. I will wait. Thanks

whitts

@Kowlin Hi. the picture shows in the avatar (just doesnt show the username in the tooltip (no tooltip whatsoever)) so wouldn't that mean it can access the image?

Robert

@whitts hmm, this should be a long shot, but perhaps you can see a error in your console while running ./nodebb dev

frissdiegurke

https://github.com/NodeBB/nodebb-theme-lavender/issues/60 already fixed. will work when you update just like you assumed
@Kowlin I think you misunderstood the issue, it's just about the bootstrap popover.

Robert

@frissdiegurke that's what I get for posting when I just woke up

whitts

@frissdiegurke I think i should start searching github issues prior to posting from now on.

whitts

I changed the createusertooltips code to:

app.createUserTooltips = function(els) {
	els = els || $('body');
  	els.find('.avatar,img[title].teaser-pic,img[title].user-img,div.user-icon,span.user-icon').each(function() {
		if (!utils.isTouchDevice()) {
			$(this).tooltip({
				placement: 'top',
				title: $(this).attr('title')
			});
		}
	});
};

..but it still doesn't work.

The element looks like this in Chrome:

Shouldnt the title have been injected?

Thanks

pichalite

@whitts no... the title doesn't get injected. the code just takes the value of the title attribute from the <img> tag and displays it as a tool tip. you need to add the title attribute to the <img> tag with a value.

like this line

nodebb-theme-persona/templates/partials/topics_list.tpl at master · NodeBB/nodebb-theme-persona

Persona - A modern and responsive NodeBB theme. Contribute to NodeBB/nodebb-theme-persona development by creating an account on GitHub.

GitHub (github.com)