canonical / canonical/vanilla-framework

p-pagination overflowing on mobile

Open
#4,820 6 comments 0 reactions 2 assignees Claimed by @lyubomir-popov View on GitHub
Review: Design needed Vanilla WG WG: Validated
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

**Describe the bug**

p-pagination overflows on small screens:
![image](https://github.com/canonical/vanilla-framework/assets/2741678/6773b354-0ea7-4610-a349-a58666524f08)

**To Reproduce**

Steps to reproduce the behavior:

1. Go to https://vanillaframework.io/docs/examples/patterns/pagination/pagination
2. Resize the window to 320px, observe:
![image](https://github.com/canonical/vanilla-framework/assets/2741678/b1f0e27b-81a7-4128-bc6d-9c5dd82b5239)

**Expected behavior**

No overflow - I suggest dropping the borders, so buttons can be set next to each other with no margin.
![image](https://github.com/canonical/vanilla-framework/assets/2741678/fe60b203-d756-4a3a-be73-d58dd86cf657)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.