ZIM files created with Zimit and displayed via kiwix-serve always have a white padding below the topbar about zimit HOT 8 CLOSED

I think it happens with other ZIMs too, ex:

from zimit.

This is coming from the padding-top skin.css in kiwix-serve. I guess it could be overriden, but assume it was set from some other calculation there?

body {
    padding-top: 3em !important;
}

from zimit.

Then why it seems to be visible only in case of zimit zim?

from zimit.

Ok I will investigate why it fails as well on this youtbe based ZIM.

from zimit.

@ikreymer I have tested and this is not the samee stuff: ubongo slides nicely (without white band) behind the taskbar if you scroll. Zimit don’t.

from zimit.

Yes, the scrolling happens in an iframe, which is fixed, so that's why it won't move, but it is there whenever you use kiwix-serve. To fix it, I think you just need to adjust the padding in kiwix-serve ui to be slightly smaller:

body {
    padding-top: 3em !important;
}

It wouldn't make sense to add a kiwix-serve specific override to the zims, since it would then be incorrect if the size of kiwix-serve bar later changes.

from zimit.

You could do something like padding-top: calc(3em - 8px) !important

from zimit.

This is upstream. Easily verifiable by adding body { background-color: red; } on any ZIM
See this fix: kiwix/libkiwix#422

from zimit.