Splitter overlaps the bottom/right element. about ui-layout

[douglasduteil]

Yep.

We need some

.ui-layout-row > .ui-splitbar + .stretch {
  margin-top: 8px
}

.ui-layout-column > .ui-splitbar + .stretch {
  margin-left: 8px
}

I think...

[GhostLight]

Honestly, I'm not yet familiar enough with CSS selectors even to understand the suggested code, but I believe that CSS is the designer's staff and it is better not to be used to fix the core behavior of components. May be the better way is to fix this in '_draw' function by adding splitbar size somehow? May be then even the default value of min-size can bo set to 0. But that's just the thoughts of a newbie.

[maxkorp]

The whole thing uses css, that's it's entire function.

I have a fix on the way though that actually positions the divs and bars separately, rather than having to space things with a margin. It also fixes the mismatch of positioning (so if you have a 100px div and 2 panes split evenly by a bar, they'll end up at 45px, 10px, 45px, rather than 50px, 10px, 40px which is what happens now). I'm hoping to have a request open within the next day or so. The changes are a bit substantive though (although the idea is the same, theres just a bit more math going on), so no idea if it will be welcome for master or not.