Pagination textboxes are displayed on desktop topic pages, allowing users to easily jump to different pages within a topic, rather than relying solely on the "Previous" and "Next" buttons or available pagination buttons. However, these textboxes are not currently visible on mobile devices in Portrait mode, although they are displayed in Landscape mode.
This modification addresses the issue by ensuring that the pagination textboxes are displayed on mobile devices in Portrait mode as well.
Simply add this custom CSS in css_additional.css template:
This modification is offered free of charge, but if you find it useful, please consider making a donation to support our continued development of high-quality mods. Thanks!
This modification addresses the issue by ensuring that the pagination textboxes are displayed on mobile devices in Portrait mode as well.
Simply add this custom CSS in css_additional.css template:
Code:
/* Pagination textboxes on Mobile Portrait mode - START */
.l-xsmall .toolset-right {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
.l-xsmall .toolset-right .toolbar-pagenav {
display: flex !important;
}
.l-xsmall .toolset-right .toolbar-pagenav .toolbar-pagenav-wrapper {
padding: 0;
}
.l-xsmall .toolset-right .toolbar-pagenav .toolbar-pagenav-wrapper .horizontal-arrows {
display: none;
}
.l-xsmall .conversation-toolbar-wrapper .conversation-toolbar>ul>li {
height: auto;
}
.l-xsmall .toolset-right:has(.toolbar-inline-mod) .toolbar-pagenav {
flex-basis: 100%;
justify-content: end;
margin-top: 10px;
}
body.l-xsmall:not(:has(#pagedata)) .toolset-right:has(.toolbar-inline-mod) .toolbar-pagenav {
margin-right: 5px;
}
.l-xsmall .toolset-right:has(.toolbar-inline-mod) .toolbar-filter .b-button {
margin-left: 0;
}
.l-xsmall .toolset-right .toolbar-inline-mod {
margin-right: 5px;
}
/* Pagination textboxes on Mobile Portrait mode - END */




Comment