Show 2fa tooltip

leishman · Mar 16, 2020 · 100ace2 · 100ace2
1 parent bf78e17
commit 100ace2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/_layouts/wallet-container.html b/_layouts/wallet-container.html
@@ -23,24  23,24 @@ <h1 class="wallet-title">
         </div>
         {% assign features = page.os.features | split: " " %}
         <div class="features-elements">
-          {% for feature in features %}
           {% for featureName in features %}
             <div class="features-element">
               <div class="left-column">
                 <img src="/img/icons/checked.svg" alt="checked" />
                 <p class="features-text">
-                  {% translate wizard-feature-{{feature}} choose-your-wallet %}
                   {% translate wizard-feature-{{featureName}} choose-your-wallet %}
                 </p>
               </div>
               <div class="information-icon">
-                <img src="/img/icons/information.svg" alt="information" onclick="showModal({{feature}})" />
                 <img src="/img/icons/information.svg" alt="information" onclick="showModal('feature-{{featureName}}')" />
                 <div class="features-tooltip-overlay"></div>
-                <div id="{{feature}}" class="tooltip features-tooltip">
-                  <div class="close-btn" onclick="closeModal({{feature}})">×</div>
                 <div id="feature-{{featureName}}" class="tooltip features-tooltip">
                   <div class="close-btn" onclick="closeModal('feature-{{featureName}}')">×</div>
                   <div class="tooltip-title">
-                    {% translate wizard-feature-{{feature}} choose-your-wallet %}:
                     {% translate wizard-feature-{{featureName}} choose-your-wallet %}:
                   </div>
                   <div class="tooltip-text">                
-                    {% translate wizard-feature-{{feature}}-description choose-your-wallet %}
                     {% translate wizard-feature-{{featureName}}-description choose-your-wallet %}
                   </div>
                 </div>
               </div>
@@ -275,13  275,15 @@ <h3 id="tableSortTitle" class="table-sort-title">{% translate wallet-selector-so
   });
 
   function showModal(feature) {
     var tooltip = document.getElementById(feature);
     tooltipsOverlay.style.display = "block";
-    feature.style.display = "block";
     tooltip.style.display = "block";
   }
 
   function closeModal(feature) {
     var tooltip = document.getElementById(feature);
     tooltipsOverlay.style.display = "none";
-    feature.style.display = "none";
     tooltip.style.display = "none";
   }
 
   function selectRelevantTab(os) {

diff --git a/_sass/_wallets.scss b/_sass/_wallets.scss
@@ -240,7  240,7 @@ $scores: good $black 600, pass $black 600, neutral $black 600, fail $black 600;
 .features-element {
   display: flex;
   padding: 15px 0;
-  margin-left: 50px;
   margin-left: 40px;
 }
 .feature-header {
   border-top: 1px solid #DADADA;