Fix for Mac browser’s scrollbar obscuring content

[ranbena]

• Bug Fix

Description

In table visualizations two visual bugs occur on Mac browsers (FF, SF, CH):

1. Scrollbar obscures table content. Solved in this PR.
2. After scroll the bar doesn't disappear in CH, SF. There's an open bug for it and very recent discussions.

Mobile & Desktop Screenshots

Before:

After:

[kravets-levko]

@ranbena There are issues on Linux (Chrome and FF, didn't have a chance to test on Windows) - before & after:

[arikfr]

The same happens on Windows/Chrome. Is there a way to target a specific OS?

[gabrieldutra]

Perhaps remove the margin-bottom: -10px; // compensation will make this acceptable?

[ranbena]

10x @kravets-levko.

New approach:

.table.table-condensed {
  tbody > tr:last-child > td {
    padding-bottom: 15px; // <-- make room for scrollbar within the last row
  }
}

[ranbena]

The same happens on Windows/Chrome. Is there a way to target a specific OS?

Not natively I believe but it's possible though I would avoid it unless last resort.

[ranbena]

Perhaps remove the margin-bottom: -10px; // compensation will make this acceptable?

It's a viable option. Though it would be a tradeoff in both Mac and Win/Lin.

[ranbena]

Looking into this further I suggest:

1. 1st solution (dynamic-table bottom padding)
2. Only for mac - with js and css.
3. Revert commit completely when Chrome bug is fixed and published.

[ranbena]

@kravets-levko ready for review

[kravets-levko]

On Linux and Windows looks fine (as it was before these changes), so approved. But I didn't test on Mac - so I rely on anyone who can test it.

[arikfr]

👍