Ion-tab-bar overflow Ionic 5

@Nsimoncini wrote:

Hi, I’m trying to make the ion-tab-bar overflow visible but I had no luck so far.
I’d like to do something like this:

Schermata 2020-04-22 alle 16.46.09744×212 10.4 KB

Schermata 2020-04-22 alle 16.45.41746×284 13.9 KB

but as you can see I can only achieve the result with an ion-fab-button placed in the middle of the screen, simulating the real round button.

I tried to put this code in tab.page.scss AND in variables.scss but as I said, I had no luck.

ion-tab-bar {
    background: #121212;
    width: 90% !important;
    max-width: 400px !important;
    border-radius: 30px;
    margin: 0px 0px 20px 5% !important;
    max-height: 56px;
    height: 56px;
    overflow: visible !important;           <---- seems not working
}

In my specific case I could easily use this workaround but maybe we could find a scalable solution for a general case.

Thanks in advance!

Posts: 1

Participants: 1

Read full topic