AspNetCore2CoreUI icon indicating copy to clipboard operation
AspNetCore2CoreUI copied to clipboard

Header and sidebar broken on IE

Open ASKemp opened this issue 7 years ago • 6 comments

This seems a general issue with CoreUI, the header and sidebar do not play nicely with Internet Explorer 10+ at small viewport sizes. The header drops the logo down and the navigation sidebar doesn't close appropriately with respect to the main body content.

Any ideas, has anyone fixed this? Works fine on Chrome.

ASKemp avatar Sep 25 '18 16:09 ASKemp

Misplaced navbar-brand IE issue has been fixed with @coreui/coreui v2.0.10 Sidebar issue's not fixed yet

xidedix avatar Sep 26 '18 12:09 xidedix

@ASKemp, thanks for the heads up! I hadn't gotten into this yet.

Thanks for the info @xidedix!

I'm planning to update the repo to the latest CoreUI soon.

In the meantime, I think I found the culprit here:

Couldn't find a centering fix that worked for all browsers, but at least, this seems to fix the vertical placement, which might be good enough, just add this to site.css:

@media (max-width: 991.98px) {
    .app-header .navbar-brand {
        position: static;
    }
}

Hope this helps

mvelosop avatar Sep 27 '18 08:09 mvelosop

Thanks for the reply. xidedix solved it with a small amendment, a TOP I think iirc.

Now... onto that closing sidebar/non closing gap issue? ;)

ASKemp avatar Sep 27 '18 12:09 ASKemp

working on it

xidedix avatar Sep 27 '18 13:09 xidedix

@coreui/coreui v2.0.11 fixes sidebar gap issue at smaller viewport sizes

xidedix avatar Sep 27 '18 15:09 xidedix

Fantastic, will check it out.

ASKemp avatar Sep 27 '18 18:09 ASKemp