diff --git a/projects/angular/src/accordion/_accordion.clarity.scss b/projects/angular/src/accordion/_accordion.clarity.scss index 70d4522b65..a0ee91d60c 100644 --- a/projects/angular/src/accordion/_accordion.clarity.scss +++ b/projects/angular/src/accordion/_accordion.clarity.scss @@ -112,6 +112,7 @@ .clr-accordion-header-has-description { .clr-accordion-title { + min-width: accordion-variables.$clr-accordion-step-title-min-width; max-width: mixins.baselinePx(264); @media (min-width: accordion-variables.$clr-accordion-responsive-breakpoint) { margin-left: tokens.$cds-global-space-7; diff --git a/projects/angular/src/accordion/_properties.accordion.scss b/projects/angular/src/accordion/_properties.accordion.scss index 766ec91875..5e1a74195c 100644 --- a/projects/angular/src/accordion/_properties.accordion.scss +++ b/projects/angular/src/accordion/_properties.accordion.scss @@ -39,6 +39,6 @@ --clr-accordion-header-left-indicator: inset #{tokens.$cds-global-space-5} 0 0 #{tokens.$cds-alias-status-neutral-tint}; --clr-accordion-header-left-current-indicator: inset #{tokens.$cds-global-space-5} 0 0 #{tokens.$cds-alias-object-interaction-background-highlight}; - --clr-accordion-step-title-min-width: 0; + --clr-accordion-step-title-min-width: #{tokens.$cds-global-space-13}; } } diff --git a/projects/angular/src/accordion/_variables.accordion.scss b/projects/angular/src/accordion/_variables.accordion.scss index 1815d879be..c629218ade 100644 --- a/projects/angular/src/accordion/_variables.accordion.scss +++ b/projects/angular/src/accordion/_variables.accordion.scss @@ -36,3 +36,5 @@ $clr-accordion-border-color: var(--clr-accordion-border-color) !default; $clr-accordion-border-radius: var(--clr-accordion-border-radius) !default; $clr-accordion-border-left-color-complete: var(--clr-accordion-border-left-color-complete) !default; $clr-accordion-border-left-color-error: var(--clr-accordion-border-left-color-error) !default; + +$clr-accordion-step-title-min-width: var(--clr-accordion-step-title-min-width) !default; diff --git a/tests/snapshots/stepper/stepper--variants-core-dark.png b/tests/snapshots/stepper/stepper--variants-core-dark.png index 2cba3f884f..6e4fe37632 100644 Binary files a/tests/snapshots/stepper/stepper--variants-core-dark.png and b/tests/snapshots/stepper/stepper--variants-core-dark.png differ diff --git a/tests/snapshots/stepper/stepper--variants-core-light.png b/tests/snapshots/stepper/stepper--variants-core-light.png index dcb8a28d9d..7c5772373f 100644 Binary files a/tests/snapshots/stepper/stepper--variants-core-light.png and b/tests/snapshots/stepper/stepper--variants-core-light.png differ