fix(progress-indicator): make unclickable step look non-interactive (#…

…5843) Fixes #5515.
carbon-design-system · Apr 16, 2020 · c3ff370 · c3ff370
1 parent 62bfbb6
commit c3ff370
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/packages/components/src/components/progress-indicator/_progress-indicator.scss b/packages/components/src/components/progress-indicator/_progress-indicator.scss
@@ -169,9 +169,24 @@
 
  //unclickable button
  .#{$prefix}--progress-step-button--unclickable {
+ cursor: default;
  outline: none;
  }
 
+ .#{$prefix}--progress-step-button--unclickable
+ .#{$prefix}--progress-label:hover {
+ color: $text-01;
+ cursor: default;
+ box-shadow: none;
+ }
+
+ .#{$prefix}--progress-step-button--unclickable
+ .#{$prefix}--tooltip__label:hover {
+ color: $link-01;
+ cursor: pointer;
+ box-shadow: 0 rem(1px) $link-01;
+ }
+
  //DISABLED STYLING
  .#{$prefix}--progress-step--disabled {
  cursor: not-allowed;