carbon-components-vue icon indicating copy to clipboard operation
carbon-components-vue copied to clipboard

CvPagination component desappear on mobile displays

Open christianlmc opened this issue 4 years ago • 3 comments

Detailed description

Describe in detail the issue you're having.

On https://vue.carbondesignsystem.com/?path=/story/components-cvpagination--default and on my project, when you resize the screen to mobile resolutions the pagination component desappears.

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug 🐛

Is this issue related to a specific component?

Yes, CvPagination

What did you expect to happen? What happened instead? What would you like to see changed?

Expected CvPagination to show on mobile, got an empty bar

This live demo seems to work fine: https://www.carbondesignsystem.com/components/pagination/usage#live-demo

What browser are you working in?

Happens in Chrome, Firefox and Samsung Browser

What version of the Carbon Design System are you using?

"@carbon/vue": "^2.37.0",

Steps to reproduce the issue

Go to https://vue.carbondesignsystem.com/?path=/story/components-cvpagination--default Change the width to anything below 892px

Additional information

  • Screenshots Below 892px width image

Above 892px width image

christianlmc avatar Jan 20 '21 13:01 christianlmc

It would appear an update to the pagination component styling requires a tweak to the dom to cater for mobile sizes.

lee-chase avatar Feb 06 '21 16:02 lee-chase

Are there any updates on this bug?

balhelhas avatar Aug 31 '21 11:08 balhelhas