fix(stepped process): coherent line height display on all platforms/b…

…rowsers (#1347) Co-authored-by: Louis-Maxime Piton <[email protected]> Co-authored-by: Julien Déramond <[email protected]>
Orange-OpenSource · Jul 19, 2022 · 7c93d7d · 7c93d7d
1 parent 24b8117
commit 7c93d7d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/scss/_stepped-process.scss b/scss/_stepped-process.scss
@@ -17,6 +17,7 @@
  --#{$prefix}stepped-process-item-arrow-width: 0;
  --#{$prefix}stepped-process-item-arrow-shape: #{$step-item-arrow-shape};
  --#{$prefix}stepped-process-link-width: #{$step-link-width};
+ --#{$prefix}stepped-process-link-line-height: #{$step-link-line-height};
  --#{$prefix}stepped-process-link-color: #{$step-link-color};
  --#{$prefix}stepped-process-link-active-color: #{$step-link-active-color};
  --#{$prefix}stepped-process-link-marker: #{$step-link-marker};
@@ -91,7 +92,7 @@
  max-width: var(--#{$prefix}stepped-process-link-width);
  margin: auto;
  overflow: hidden;
- line-height: 1;
+ line-height: var(--#{$prefix}stepped-process-link-line-height);
  color: var(--#{$prefix}stepped-process-link-color);
  text-decoration: if($link-decoration == none, null, none);
  white-space: nowrap;

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1972,7 +1972,7 @@ $stepped-process-font-weight: $font-weight-bold !default;
 $stepped-process-max-items: 5 !default;
 $stepped-process-counter: step !default; // Used as a counter name
 
-$step-item-padding: .5rem !default;
+$step-item-padding: 7px !default;
 // fusv-disable
 $step-item-padding-end: $step-item-padding * 2 !default; // Deprecated in v5.2.0
 // fusv-enable
@@ -1989,6 +1989,7 @@ $step-item-arrow-shape: polygon(0% 0%, subtract(100%, $border-width) 50%,
 $step-link-width: 1.25ch !default; // Matches width of a single number
 $step-link-color: $white !default;
 $step-link-active-color: $black !default;
+$step-link-line-height: $line-height-sm !default;
 $step-link-marker: counter(var(--bs-stepped-process-counter)) inspect("\A0") !default;
 $step-link-marker-lg: counter(var(--bs-stepped-process-counter)) inspect(".\A0") !default;
 $step-link-text-decoration: $link-decoration !default;