From 72dc9f74d8b695687149eb3ca6dec8e18c75c88a Mon Sep 17 00:00:00 2001
From: cristijora <joracristi@gmail.com>
Date: Sun, 1 Oct 2017 10:58:37 +0300
Subject: [PATCH] #46 Fix pointer cursor showing on not visited steps

---
 src/assets/form-wizard/_navs-pagination.scss | 5 ++++-
 src/components/WizardStep.vue                | 5 ++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/assets/form-wizard/_navs-pagination.scss b/src/assets/form-wizard/_navs-pagination.scss
index feed343..ccc90be 100644
--- 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
index 706fd79..a2a5fb8 100644
--- 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 : ''"