Welcome to Codidact Meta!
Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.
Comments on Too subtle formatting of disabled pagination buttons
Post
Too subtle formatting of disabled pagination buttons
At the bottom of the Activity tab of my user profile page, there are buttons to move through the pagination of the results. There is a “Previous” button, several specific page number buttons, then a “Next” button.
When on page 1, the Previous button appears to be enabled but does not respond to clicks or taps. Similarly, when on the final page, the Next button appears to be enabled but does not respond to clicks or taps.
I came here to ask whether these buttons should either be disabled or hidden when there is no previous or next page available. However, on closer inspection it turns out that the buttons are disabled, it's just that the difference in formatting was too subtle for me to discern at first.
Notice that the image is on page 1, so "Previous" is disabled. The only difference is that there is no drop shadow. The colours of the border, background, and text are all identical to the enabled buttons. On desktop the mouse cursor changes from an arrow to a hand when hovering over the enabled buttons, but not when hovering over the disabled buttons. This is still a subtle difference, and I ran into this problem first on mobile, where there is no mouse cursor so the drop shadow was the only indicator.
The same pagination buttons are used on the "Vote Summary" tab of the Profile page too, if any changes are made.
Would it be best to make the formatting difference more noticeable, or to hide the disabled buttons?
1 comment thread