Skip to content

Default paginator `selected` text to hidden

Justin Reese requested to merge hide-paginator-selected-text into main

Currently, this is how the Explore paginator looks when the page loads:

paginator-1

Here's what it should look like (note the vertical centering of the "Viewing…" text):

paginator-3

The problem is the empty <div class="selected"> element that renders by default which throws off the centering. The JavaScript that populates this DIV hides and shows the element depending on if there's content or not, but on first load, there's no content but it's also not hidden.

This MR adds the display:none property to the element inline so it is hidden until populated.

Merge request reports