Header: Category history added

MyEtherWallet · Sep 20, 2019 · 63b84c5 · 63b84c5 · mew-bot · Sep 20, 2019
1 parent c22bb72
commit 63b84c5
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 6 deletions.
diff --git a/src/components/DecisionTree/DecisionTree.scss b/src/components/DecisionTree/DecisionTree.scss
@@ -1,4 +1,4 @@
-@import '~@/scss/GlobalVariables';
+@import "~@/scss/GlobalVariables";
 
 .show-button {
   opacity: 0;
@@ -31,7 +31,7 @@
     background-color: #0c2840;
     //border-radius: 10px 10px 0 0;
     min-height: 65px;
-    padding: 5px 20px;
+    padding: 10px 20px;
     padding-right: 60px;
     padding-left: 63px;
     display: flex;
@@ -72,6 +72,21 @@
       }
     }
 
+    .tree-title {
+      .breadcrumb {
+        background-color: transparent;
+        margin: 0;
+        padding: 0;
+        line-height: 12px;
+        p {
+          font-size: 11px;
+          margin: 0;
+          padding: 0;
+          line-height: 13px;
+        }
+      }
+    }
+
     .question {
       position: absolute;
       top: auto;
@@ -88,7 +103,7 @@
       top: auto;
       bottom: auto;
       &::before {
-        content: '';
+        content: "";
         position: absolute;
         height: 1px;
         width: 20px;
@@ -98,7 +113,7 @@
         transform: rotate(45deg);
       }
       &::after {
-        content: '';
+        content: "";
         position: absolute;
         height: 1px;
         width: 20px;

diff --git a/src/components/DecisionTree/DecisionTree.vue b/src/components/DecisionTree/DecisionTree.vue
@@ -23,8 +23,18 @@
           <div v-else class="question">
             <img src="@/assets/images/icons/DecisionTree/question.svg" />
           </div>
-          <p v-if="currentIndex.title.length < 27">{{ currentIndex.title }}</p>
-          <p v-else class="long-title">{{ currentIndex.title }}</p>
+          <div class="tree-title">
+            <div v-if="historyStack.length > 0" class="breadcrumb">
+              <p v-for="h in historyStack" :key="h.key">
+                <i class="fa fa-chevron-circle-down" aria-hidden="true"></i>
+                {{ h.title }}
+              </p>
+            </div>
+            <p v-if="currentIndex.title.length < 27">
+              {{ currentIndex.title }}
+            </p>
+            <p v-else class="long-title">{{ currentIndex.title }}</p>
+          </div>
         </div>
 
         <div class="decision-tree-search hidden">

diff --git a/src/data/DecisionTree/md/_Recognize_address.md b/src/data/DecisionTree/md/_Recognize_address.md
@@ -27,6 +27,7 @@ Feel free to reach out with more information so we can go from here.
 - Email us at support@myetherwallet.com
 
 
+
 - <p>Include a detailed description of the issue.</p>
   <note>Please include as many details as possible, such as phone / computer model, OS number, version of the app / site you are using, browser version etc.</note>
 

diff --git a/src/data/DecisionTree/md/_not_listed.md b/src/data/DecisionTree/md/_not_listed.md
@@ -11,6 +11,7 @@
 - Email us at support@myetherwallet.com
 
 
+
 - <p>Include a detailed description of the issue.</p>
   <note>Please include as many details as possible, such as phone / computer model, OS number, version of the app / site you are using, browser version etc.</note>