Copilot commented on code in PR #500:
URL:
https://github.com/apache/fineract-backoffice-ui/pull/500#discussion_r3943446058
##########
src/app/shared/components/paginator/paginator.component.ts:
##########
@@ -119,6 +119,24 @@ import { PageEvent } from '../../models/table.model';
--padding-end: 6px;
margin: 0;
}
+ @media (max-width: 768px) {
+ .paginator {
+ grid-template-columns: auto minmax(0, 1fr) repeat(4, auto);
+ display: grid;
+ gap: 4px;
+ }
Review Comment:
In the mobile grid, the first track is `auto` and the second is `minmax(0,
1fr)`, which means the *label* (`.items-per-page`) can still get squeezed down
to its min-content width (wrapping into unreadable fragments) while the select
gets the flexible space. Since the label is the element that was breaking on
phones, swap the first two tracks so the label receives the flexible `1fr`
space and the select is content-sized.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
