wintercms / wn-tailwindui-plugin

Provides the TailwindUI-based modern backend skin for the Winter CMS backend
MIT License
15 stars 9 forks source link

Fix permanent scrollbars #3 #7

Closed damsfx closed 2 years ago

damsfx commented 2 years ago

Fix #3 by setting the layout width to 100% rather 100vw.

Before : image

After : image

mjauvin commented 2 years ago

@damsfx Did you try all backend pages after this change? And with all screen sizes? I thought I tried to do something similar and it broke the CMS sub-pages on mobile or something like that.

damsfx commented 2 years ago

@damsfx Did you try all backend pages after this change? And with all screen sizes? I thought I tried to do something similar and it broke the CMS sub-pages on mobile or something like that.

As usual, you're right!! My first fix wasn't enough; some extra space were still present.

Setting the .layout height to a calculated value of viewport's height minus top bar height give me the right height at every resolutions.

.layout-topmenu + .layout {
    height: calc(100vh - 4rem);
}

@mjauvin can you try it?