diff --git a/.changeset/three-socks-suffer.md b/.changeset/three-socks-suffer.md new file mode 100644 index 0000000000..4f7ef41f93 --- /dev/null +++ b/.changeset/three-socks-suffer.md @@ -0,0 +1,5 @@ +--- +'@baloise/design-system-components': patch +--- + +Reduce padding for the `bal-carousel` tab buttons to allow longer labels. diff --git a/CHANGELOG_v12.md b/CHANGELOG_v12.md index 9a47b34465..32a2685b64 100644 --- a/CHANGELOG_v12.md +++ b/CHANGELOG_v12.md @@ -28,7 +28,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline * **popover:** reduce rendering by using componentWillLoad ([a99648f](https://github.com/baloise/design-system/commit/a99648fcc35f0683785266f87c6d2b66ba6950b9)) - ## [12.0.0](https://github.com/baloise/design-system/compare/v11.0.18...v12.0.0) (2022-12-12) Follow the migration guide [Migration from 11.x to 12.x](https://baloise-design-system.vercel.app/?path=/story/development-migration-migration-from-11-x-to-12-x--page) diff --git a/packages/components/src/components/bal-carousel/bal-carousel.sass b/packages/components/src/components/bal-carousel/bal-carousel.sass index 4d12e81fe7..2496c195ba 100644 --- a/packages/components/src/components/bal-carousel/bal-carousel.sass +++ b/packages/components/src/components/bal-carousel/bal-carousel.sass @@ -151,6 +151,8 @@ display: flex .bal-button flex: 1 + .button + padding: .5rem !important .bal-carousel--image .bal-carousel__inner diff --git a/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-mobile.png b/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-mobile.png index 1064a7bcc5..131567eb22 100644 Binary files a/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-mobile.png and b/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-mobile.png differ diff --git a/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-with-value-mobile.png b/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-with-value-mobile.png index 620f711d44..25ebe4eca3 100644 Binary files a/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-with-value-mobile.png and b/test/cypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-with-value-mobile.png differ