search

ColorlibHQ / AdminLTE

AdminLTE - Free admin dashboard template based on Bootstrap 5
https://adminlte.io
MIT License
43.99k stars 18.17k forks source link

[BUG] Right sidebar is not always shown correctly #2862

Closed caschoff closed 4 years ago

caschoff commented 4 years ago

I have a problem with the right sidebar. It is not always shown correctly. In detail, it is shown correctly if the footer is completely visible or completely out of the window. If the footer is partially visible, the right sidebar has the wrong height.

I made a video for a better demonstration:

https://cloudstore.uni-ulm.de/s/AHoeNZfPNByZsTo

I checked the html source against validator.w3.org and found no errors.

I do not think the code is intersting, if it is, it is here: https://pastebin.com/92052q4G or I can paste it here completely.

AdminLTE is 3.0.2.

Regards, Christian

caschoff commented 4 years ago

Here is another example. Sidebar seems to have problems if there is not enough content (but the siedebar has a lot of content).

Bildschirmfoto 2020-07-07 um 09 06 03 Bildschirmfoto 2020-07-07 um 09 06 20
REJack commented 4 years ago

Please try AdminLTE v3.0.5 (latest).

Do you use the layout-fixed class on your body?

caschoff commented 4 years ago

I'm using layout-fixed. I will try AdminLTE v3.0.5 and report back, thanks.

caschoff commented 4 years ago

Ok, now I have AdminLTE v3.0.5 but nothing has changed :-(

REJack commented 4 years ago

At the moment I can't fix & publish it fast, but here is a workaround css style for this.

.control-sidebar-slide-open .control-sidebar,
.control-sidebar-slide-open .control-sidebar::before {
    bottom: 57px !important;
    top: 57px !important;
    height: auto !important;
}

.control-sidebar .control-sidebar-content {
    height: 100% !important;
}

I hope this works, I'll let this issue open to tackle it while the v3.1 development.