BinaryQuantumSoul / sdnext-modernui

SD.Next ModernUI
GNU Affero General Public License v3.0
18 stars 7 forks source link

[Issue] Extra Networks tab doesn't use entire height #16

Closed brknsoul closed 5 months ago

brknsoul commented 5 months ago

The Extra Networks tab doesn't use the entire height of the window, leaving some inaccessible Networks;

This image is scrolled all the way to the bottom, losing the scroll widget;

image

brknsoul commented 5 months ago

Seems intermittent.. can't seem to figure out when/how this happens.. annoying for reproducibility.

vladmandic commented 5 months ago

root cause is because i have no idea how to set css to actually limit itself to available space and not overflow (yeah, obvious solutions don't work)

*.extra-network-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-template-rows: max-content;
    width: 100%;
    height: calc(100vh - 168px);
    overflow-x: hidden;
    overflow-y: auto;
}

i've modified height from hard-coded 87vh to above, hope this helps, but any ideas are welcome. in the meantime closing this as 'good enough'