carbon-design-system / carbon-components-angular

An Angular implementation of the Carbon Design System for IBM.
https://angular.carbondesignsystem.com
Apache License 2.0
536 stars 308 forks source link

Alignment of Page navigation arrow marks is not proper. #1768

Open nature14 opened 3 years ago

nature14 commented 3 years ago

Alignment of Page navigation arrow marks is not proper when user expands cart items

Detailed description

Open any list page. Check the alignment of navigation arrow marks(pages navigation).

Actual Result : Alignment is not proper. Expected Result : Alignment should be proper.

Screenshot for reference.

Screenshot from 2021-03-18 17-05-35

Screenshot 2021-03-19 at 3 59 01 PM
zvonimirfras commented 3 years ago

Looks like something might be off in your css, try updating to the latest carbon-components and carbon-components-angular. Demo looks perfectly fine so if updating doesn't fix it, we'll need a way to reproduce what you're seeing.

cyrusfurtado commented 3 years ago

There is an issue with a class not being applied to the ibm-pagination component when passed as content to an ibm-accordion component. Have fixed locally in our repo here https://github.ibm.com/cloudMatrix-CAM/cb-consume-ui/pull/9857.

Broken screenshot:

con-39705-before

cal-smith commented 3 years ago

This appears to be fixed now?

image

@cyrusfurtado or @nature14 let me know if this is something you can confirm on your end as well. I can't get into your repo to check, but I tried to recreate in our demo env and it appears to work.