#46 Fix pointer cursor showing on not visited steps

BinarCode · Oct 1, 2017 · 72dc9f7 · 72dc9f7
1 parent 274123b
commit 72dc9f7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
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 : ''"