datamods modal tab breaks in bs4Dash ui

[chikao0817]

@DivadNojnarg

Hi David,

Thanks for developing bs4Dash beautiful and convenient UI. Recently, I found a good datainput package datamods.

When I test the example modal https://github.com/dreamRs/datamods/blob/master/examples/modal.R It works OK.

But when I use it in bs4Dash The modal tabsetPanel became strange.

Maybe two package css or js conflict?

How could I fixed this issue? Two packages are both exellent.

This is my test code. datamods_in_bs4Dash_test.zip

and my sessionInfo()

Best,

Kao Chi

[zpio]

Hi, Kao I made a css modification. looks better

.nav>li {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

[chikao0817]

@zpio

Thanks for css modify example. I try it and tabs looks better.

But when .nav><li> edit Also cause the siderbar padding

Before

After setting

Thanks for the suggestion. I will search about css modify methods.

Best

[zpio]

@chikao0817

Hi, You can try this:

.nav-tabs>li{
    position: relative;
    display: block;
    padding: 10px 15px 10px 15px;
}

It's removes the siderbar padding