[TJA] User Group Badges [Deleted]

[CFodder]

Thanks TJA, that second one worked perfectly .

 

[CFodder]

Hey again, sorry another slight problem with the css. When using the FA icons if a second badge is present the FA is slightly off-centre message info badge shown below



Whereas in the member card they are all centred fine:



Nothing major of course, just thought you'd like to know .

 

[TJA]

Hey again, sorry another slight problem with the css. When using the FA icons if a second badge is present the FA is slightly off-centre message info badge shown below

View attachment 119253

Whereas in the member card they are all centred fine:

View attachment 119252

Nothing major of course, just thought you'd like to know .

Got a link to your site?

 

[CFodder]

Hi TJA,















<<<

 

[CFodder]

Ah bugger, have found the problem, not your addon ... it is the @BassMan conversation button under avatar causing it.

Sorry about that, my bad

 

[TJA]

@CFodder they look fine to me

 

[TJA]

Ah bugger, have found the problem, not your addon ... it is the @BassMan conversation button under avatar causing it.

Sorry about that, my bad

No worries

 

[BassMan]

Ah bugger, have found the problem, not your addon ... it is the @BassMan conversation button under avatar causing it.

Sorry about that, my bad

Hi @CFodder ,

I'll test it with my add-on and see what is causing it.

 

[BassMan]

Ok, just tested and it looks fine to me. But if you still wish to change the position of icon add this to your EXTRA.css:

.messageUserBlock .fa {
    padding-left: 2px !important;
}

... and change the px for padding-left.

 

[Sami Jalal]

Very nice addon... Thank you

 

[Sami Jalal]

It would be better if badges aligned to center while using mobile.

 

[Sami Jalal]

Another feature could be added for mobile using to show badge info while hovering on it.

 

[TJA]

It would be better if badges aligned to center while using mobile.

View attachment 120174

Add to EXTRA.css or tja_groupbadges.css

@media (max-width:@maxResponsiveNarrowWidth)
{.memberCard .tja_groupBadges {text-align: center; }}

 

[Sami Jalal]

Add to EXTRA.css or tja_groupbadges.css

@media (max-width:@maxResponsiveNarrowWidth)
{.memberCard .tja_groupBadges {text-align: center; }}

Yes, But please add this to the next update

 

[TJA]

Yes, But please add this to the next update

It will be.

 

[Sami Jalal]

Another feature could be added for mobile using to show badge info while hovering on it.

And don't forget that feature. I mean when clicking by finger on the badge.

 

[TJA]

This resource has been removed and is no longer available for download.

 

[TJA]

This resource is now available from @Stolen Sheep Design

https://xenforo.com/community/resources/ssd-user-group-badges.4780/