Visual problems with Datatable actions
The actions on the search page results table are visually acting weirdly. There is a new white background that blocks the underlying row highlight and also the layering is broken (tooltip of row n
is lower on the z-index than row n+1
).
The following CSS is causing this in Datatable.js
:
rowActionsCell: {
textAlign: 'right',
width: 1,
whiteSpace: 'nowrap',
paddingTop: 0,
paddingBottom: 0
position: 'sticky', <-- This causes the issue with incorrect layering
right: 0,
zIndex: 1,
backgroundColor: 'white' <-- This causes the issue with blocking white background
},