🐛 fix(carousel): tabs slider reduce padding (#1239)

* fix(carousel): tabs slider reduce padding * chore(): update base images * chore: trigger build --------- Co-authored-by: hirsch88 <[email protected]>
baloise · Dec 13, 2023 · eae0fbe · eae0fbe
1 parent a999f17
commit eae0fbe
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/three-socks-suffer.md 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
@@ -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
@@ -151,6 +151,8 @@
     display: flex
     .bal-button
       flex: 1
+      .button
+        padding: .5rem !important
 
 .bal-carousel--image
   .bal-carousel__inner

diff --git a/...ypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-mobile.png b/...ypress/snapshots/base/visual/bal-carousel.visual.cy.ts/carousel-card-mobile.png
diff --git a/...shots/base/visual/bal-carousel.visual.cy.ts/carousel-card-with-value-mobile.png b/...shots/base/visual/bal-carousel.visual.cy.ts/carousel-card-with-value-mobile.png
Original file line number	Diff line number	Diff line change
Expand Up		@@ -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)
Expand Down