Facepunch / sbox-issues

175 stars 12 forks source link

Leaderboard Razor not working w/ overflow-y: scroll; #6369

Open EternalDawn1 opened 1 week ago

EternalDawn1 commented 1 week ago

Describe the bug

when using overflow x or y , with a Leaderboard the entry's going blank overflow isnt working

To Reproduce

Most NPC kills
@foreach (var entry in leaderboard2.Entries) { var offset = 0;
}
    </div>

Expected behavior

to add overflow x - without entry's disappearing

Media/Files

Most NPC kills
@foreach (var entry in leaderboard2.Entries) { var offset = 0;
}
    </div>

    SCSS 
    :
    .main-panel{
    position: relative;
    width: 100%;
    height: 100%;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;

    .header2 {
            position: relative;
            width: 50%;
            height: 100%;
            background-color: rgb(236, 165, 165);
            font-size: 64px;
            padding: 50px;
            align-items: center;
            font-weight: bold;
            border-width: 10px;
            border-color: #000000;
            flex-direction: column;

            .entries {

                position: relative;
                justify-content: space-between;
                flex-direction: column;
                width: 100%;
                font-size: 100px;

                .entry {

                    font-size: 90px;
                    justify-content: space-between;

                    .rank {
                        font-size: 90px;
                        color: rgb(255, 17, 0);
                    }

                    .name {
                        font-size: 90px;
                        color: rgb(21, 255, 0);
                    }

                    .value {
                        font-size: 90px;
                        color: rgb(47, 0, 255);
                    }
                }
            }

Additional context

No response

garrynewman commented 1 week ago

It's because it's squashing the entry. Do flex-shrink: 0 on the .entry css

EternalDawn1 commented 6 days ago

i dont know, might working on normal razor , but for worldpanels its not working , it always disappear even with flex-shrink Screenshot 2024-09-11 230708