chore: add missing images to visual test

baloise · Jan 12, 2025 · 5b66293 · 5b66293
1 parent f943b91
commit 5b66293
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 16 deletions.
diff --git a/packages/core/src/components/bal-carousel/test/bal-carousel.partner.html b/packages/core/src/components/bal-carousel/test/bal-carousel.partner.html
@@ -19,37 +19,57 @@
             <bal-carousel-item
               color="green"
               label="0 Auto"
-              src="https://design.baloise.dev/assets/puzzle-green-d84dff8b.svg"
+              src="/assets/images/brand-icons/car-green.svg"
             ></bal-carousel-item>
             <bal-carousel-item
               color="yellow"
               label="1 Haushalt"
-              src="https://design.baloise.dev/assets/puzzle-green-d84dff8b.svg"
+              src="/assets/images/brand-icons/lamp-tangerine.svg"
             ></bal-carousel-item>
             <bal-carousel-item
               color="purple"
               label="2 Hypothek"
-              src="https://design.baloise.dev/assets/puzzle-green-d84dff8b.svg"
+              src="/assets/images/brand-icons/accounts-purple.svg"
             ></bal-carousel-item>
-            <bal-carousel-item color="red" label="3 Pensionsplanung" src="/assets/images/brand/bars.svg">
+            <bal-carousel-item color="red" label="3 Pensionsplanung" src="/assets/images/brand-icons/bar-chart-red.svg">
             </bal-carousel-item>
-            <bal-carousel-item color="green" label="4 Anlegen" src="/assets/images/brand/plant.svg"></bal-carousel-item>
+            <bal-carousel-item
+              color="green"
+              label="4 Anlegen"
+              src="/assets/images/brand-icons/ecosystem-finances-green.svg"
+            ></bal-carousel-item>
             <bal-carousel-item
               color="yellow"
               label="5 Finanzplanung Finanzplanung Finanzplanung Finanzplanung Finanzplanung"
-              src="https://design.baloise.dev/assets/puzzle-green-d84dff8b.svg"
+              src="/assets/images/brand-icons/pie-chart-tangerine.svg"
             ></bal-carousel-item>
             <bal-carousel-item
               color="purple"
               label="6 E-Banking"
-              src="https://design.baloise.dev/assets/puzzle-green-d84dff8b.svg"
+              src="/assets/images/brand-icons/trolley-bus-purple.svg"
             >
             </bal-carousel-item>
-            <bal-carousel-item color="red" label="7 Sparen" src="/assets/images/brand/pig.svg"></bal-carousel-item>
-            <bal-carousel-item color="green" label="8 YouGo" src="/assets/images/brand/diamond.svg"></bal-carousel-item>
-            <bal-carousel-item color="yellow" label="9 Alle Gegenstände" src="/assets/images/brand/items.svg">
+            <bal-carousel-item
+              color="red"
+              label="7 Sparen"
+              src="/assets/images/brand-icons/piggy-bank-red.svg"
+            ></bal-carousel-item>
+            <bal-carousel-item
+              color="green"
+              label="8 YouGo"
+              src="/assets/images/brand-icons/diamond-green.svg"
+            ></bal-carousel-item>
+            <bal-carousel-item
+              color="yellow"
+              label="9 Alle Gegenstände"
+              src="/assets/images/brand-icons/household-tangerine.svg"
+            >
             </bal-carousel-item>
-            <bal-carousel-item color="purple" label="10 Motorrad & Roller" src="/assets/images/brand/roller.svg">
+            <bal-carousel-item
+              color="purple"
+              label="10 Motorrad & Roller"
+              src="/assets/images/brand-icons/bicycle-insurance-purple.svg"
+            >
             </bal-carousel-item>
           </bal-carousel>
         </section>

diff --git a/packages/core/src/components/bal-tabs/components/tab-nav.sass b/packages/core/src/components/bal-tabs/components/tab-nav.sass
@@ -9,18 +9,18 @@
   border-radius: var(--bal-tabs-tab-nav-line-radius)
   left: 1px
   z-index: 1
-  &:not(&--vertical)
-    bottom: 0
-    min-width: 5rem
   &--hidden
     display: none
   &--vertical
     top: 0
     min-height: 2.5rem
-  &:not(&--vertical)#{&}--active
-    height: var(--bal-border-width-normal)
   &--vertical#{&}--active
     width: var(--bal-border-width-normal)
+  &:not(&--vertical)
+    bottom: 0
+    min-width: 5rem
+  &:not(&--vertical)#{&}--active
+    height: var(--bal-border-width-normal)
   &--animated
     will-change: min-width, width, min-height, height, transform
     transition: all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)
@@ -52,6 +52,7 @@
 // --------------------------------------------------
 
 .bal-tabs__nav__container--expanded
+  position: relative
   display: flex
   width: 100%
   min-width: 100%