The Rollie Jobs app UI does not adapt properly to smaller screen sizes.
Most notably, action buttons at the bottom of modals are hidden/unreachable
unless the user switches to full screen mode.
Steps to Reproduce
- Log in to app.rolliejobs.com
- Navigate to Job Boards
- Open the "Review Your Board Configuration" modal
- View on a smaller display or in a non-fullscreen browser window
- Scroll down — the "Back" and "Create Board" buttons at the bottom
of the modal are not visible or accessible
Expected Behavior
All modal content, including action buttons, should be visible and
accessible regardless of screen size or browser window state. The modal
should scroll internally or resize to fit the viewport.
Actual Behavior
The bottom of the modal (including action buttons) is cut off and
inaccessible. The user must switch to full screen mode to see and
interact with the buttons.
Workaround
Switching to full screen mode reveals the hidden buttons.
Environment
- Browser: Chrome (latest)
- OS: macOS
- Page affected: /org/{org-id}/job-boards
- Component affected: "Review Your Board Configuration" modal
Screenshots
Additional Notes
The modal likely needs overflow-y: auto and a max-height relative to
the viewport (e.g., max-height: 90vh) so it scrolls internally rather
than overflowing off-screen. Action buttons should also be considered
for a sticky footer position within the modal.
The Rollie Jobs app UI does not adapt properly to smaller screen sizes.
Most notably, action buttons at the bottom of modals are hidden/unreachable
unless the user switches to full screen mode.
Steps to Reproduce
of the modal are not visible or accessible
Expected Behavior
All modal content, including action buttons, should be visible and
accessible regardless of screen size or browser window state. The modal
should scroll internally or resize to fit the viewport.
Actual Behavior
The bottom of the modal (including action buttons) is cut off and
inaccessible. The user must switch to full screen mode to see and
interact with the buttons.
Workaround
Switching to full screen mode reveals the hidden buttons.
Environment
Screenshots
Additional Notes
The modal likely needs overflow-y: auto and a max-height relative to
the viewport (e.g., max-height: 90vh) so it scrolls internally rather
than overflowing off-screen. Action buttons should also be considered
for a sticky footer position within the modal.