feat(ui): implement modifier class EBS-1316

e-gov · Apr 4, 2024 · f4efe4f · f4efe4f
1 parent e530542
commit f4efe4f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/libs/styles/src/lib/scss/components/_steps.scss b/libs/styles/src/lib/scss/components/_steps.scss
@@ -95,6 +95,10 @@
         #{$base}.is-any-step-selected &:not(.is-current) {
           @include cvi-screenreader-text;
         }
+
+        &--is-url-step {
+          display: none;
+        }
       }
       @include cvi-breakpoint-up(sm) {
         min-height: 72px;
@@ -339,11 +343,5 @@
         @include cvi-screenreader-text;
       }
     }
-
-    #{$base}__display_desktop {
-      @include cvi-breakpoint-down(sm) {
-        display: none;
-      }
-    }
   }
 }
diff --git a/libs/ui/src/lib/steps/steps/steps.component.html b/libs/ui/src/lib/steps/steps/steps.component.html
@@ -42,7 +42,7 @@ <h1 *ngIf="title" class="cvi-steps__title" dataAttribute="steps_title">{{ title
         </button>
       </li>
       <li *ngIf="urlStepTitle"
-          class="cvi-steps__list-item cvi-steps__display_desktop">
+          class="cvi-steps__list-item--is-url-step">
         <button class="cvi-steps__list-item-button" style="background-color: white;" (click)="urlStepClicked()">
           <cvi-ng-track [layout]="'flex'" [horizontalAlignment]="'justify'" [verticalAlignment]="'center'">
             <div class="cvi-steps__list-item-circle-wrapper--desktop">