[Fixed] Card Bleeds over page when side menu open

Bug Reports
1

I am not sure why, but my card bleeds over the page when the side menu is open.

This seems to be only when I have a tabulator table on the card.

HERE IS AN IMAGE:

image

2

Could you provide a little more. A clone link perhaps and exactly what to look for in the clone would go a long way here.

3

Here is the link:
https://anvil.works/build#clone:HDUZKY75JEVTACMQ=PKZAY6EBERPHP5E5GVR4DJFL

If you close the side menu and open it again, you will notice that the table bleeds over the back page on the right side of the screen.

4

looks like this a problem with the classic theme rather than tabulator
In the material design theme there’s no bleeding.

Moved to bug reports

2 Likes
5

A note from my investigation, this has some thing to do with the tabulator being full_width_row.

1 Like
6

We’ll be adding the following to dashboard.html

    .cards {
        flex-grow: 1;
    
        font-weight: bold;
        color: #555;
        font-size: 24px;
    
        padding: 24px 16px;
        max-width: 100%;
      	overflow-x: hidden; /* adding this line*/
    }

That should fix the issue

1 Like
7

Thank you!

Should I add this to my dashboard.html or does the update get pushed to apps that already use that file?

8

you’ll need to add it manually - we can’t port those updates to existing apps unfortunately, since you’re free to edit those files as you like.

1 Like
9

All good! Thanks for the quick solution, worked like a charm.

1 Like