#46 Fix pointer cursor showing on not visited steps

cristijora · cristijora · commit 72dc9f74d8b6 · 2017-10-01T10:58:37.000+03:00
diff --git a/src/assets/form-wizard/_navs-pagination.scss b/src/assets/form-wizard/_navs-pagination.scss
@@ -26,8 +26,11 @@
             background-color: transparent;
             color: $form-placeholder-color;
             outline: 0 !important;
-            cursor: pointer;
         }
+      &.disabled {
+        pointer-events: none;
+        cursor: default;
+      }
     }
 
     > li.active > a,
diff --git a/src/components/WizardStep.vue b/src/components/WizardStep.vue
@@ -1,7 +1,6 @@
 <template>
-  <li :class="{active:tab.active}"
-      >
-    <a>
+  <li :class="{active:tab.active}">
+    <a href="javascript:void(0)" :class="{disabled: !tab.checked}">
       <div class="wizard-icon-circle md"
            role="tab"
            :tabindex="tab.checked ? 0 : ''"

Original file line number	Diff line number	Diff line change
`@@ -26,8 +26,11 @@`
`26`	`26`	`background-color: transparent;`
`27`	`27`	`color: $form-placeholder-color;`
`28`	`28`	`outline: 0 !important;`
`29`		`- cursor: pointer;`
`30`	`29`	`}`
	`30`	`+ &.disabled {`
	`31`	`+ pointer-events: none;`
	`32`	`+ cursor: default;`
	`33`	`+ }`
`31`	`34`	`}`
`32`	`35`
`33`	`36`	`> li.active > a,`