Leaders CSS Issue?

PFAFF · August 2015

So, right now I'm having an issue where the list row with a long name pushes the point total down into the next row, causing it to look jumbled. I've attached a screenshot, but here's also a link to leaders: http://www.nerdlouisville.org/community/#/yaga/badges/32/c-c-combo-breaker

Is there a good way to fix this so that the points do not overlap with the next row?

Bleistivt · August 2015

.Leaderboard .PanelInfo li {
    overflow:hidden;
}

PFAFF · August 2015

Perfect! Fixed! Thanks so much!

hgtonight · August 2015

Set a specific width; set overflow to ellipsis.

R_J · July 2016

I came to this solution:

    .Leaderboard .PanelInfo > li {
        position: relative;
    }
    .Leaderboard .Aside {
        position: absolute;
        top: 1px;
        right: 4px;
    }

mirX · July 2016

@R_J написал:
I came to this solution:

    .Leaderboard .PanelInfo > li {
        position: relative;
    }
    .Leaderboard .Aside {
        position: absolute;
        top: 1px;
        right: 4px;
    }

Thanks @R_J for your hint. The position of the point total has been fixed but the name is in the next raw.

It's a little styling bug with the bootsrap theme probably and I'm having the similar issue with table in Latest Post List.

R_J · July 2016

Sorry, I'm not good at css. Without a link to your page I wouldn't be able to give any hints. And even then, I might not be able to help...

mirX · July 2016

@R_J написал:
Sorry, I'm not good at css. Without a link to your page I wouldn't be able to give any hints. And even then, I might not be able to help...

This is link to activity page miripravo.ru/forum/activity

As you may see the names in Leader Board go underneath and the dates in Latest Posts down into the next rows as well.

There may be @hgtonight could help as YAGA and Latest Post List developer?

Thanks guys in advance!

mirX · July 2016

I found solution here https://vanillaforums.org/discussion/31691/great-addition-to-my-forum-small-layout-problem

@vrijvlinder Thanks for your help!

Leaders CSS Issue?

Comments