Tradeshift / tradeshift-ui

Tradeshift UI is a framework-agnostic JavaScript library to help Tradeshift App developers to create cohesive user experiences and to provide reusable UI components.
https://ui.tradeshift.com
Other
33 stars 44 forks source link

[Table] Header has 15px padding-right #374

Closed tcomboeanu closed 7 years ago

tcomboeanu commented 7 years ago

Bug report

Apparently the header has a padding on the right of 15 px, the same as the scroll width

Tradeshift UI version affected

v9.1.1

Designs and/or Prototype screenshots

screen shot 2017-09-06 at 2 29 25 pm

wiredearp commented 7 years ago

Just for information, the header is "indented" to align with the main section, which on Linux and Windows is always equally "indented" by the scrollbar (which in these operating systems is always visible while on Mac it is never visible). Any right-aligned content in the cell header (although not present in the screenshot) is then aligned with the cell below instead of floating on top of the scrollbar. The real question is then: Why does OS X now report a scrollbar size of 15 when usually it reports a scrollbar size of 0? This would make sense if the scrollbar was made always visible (via a System Settings), but that's obviously not the case.

wiredearp commented 7 years ago

Replaced by https://github.com/Tradeshift/tradeshift-ui/issues/390