Tweak: manuscripts select z-index issue when width < 1400px
In the Manuscripts page, if the select drop-down is opened and the window width is less than 1400 pixels, the drop-down is cut off:
If the width of the window is over 1400 pixels, it's showing correctly:
The problem is coming from this:
export const ScrollableContent = styled(Content)`
@media (max-width: 1400px) {
margin-top: ${grid(2)};
overflow-x: scroll;
}
`
(in particular, the overflow-x: scroll
) in app/components/shared/General.js
; that's wrapped around the whole ManuscriptsTable
including the header row.