coldcard/Bitcoin.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show 2fa tooltip

Browse Source
This commit is contained in:
alexcherman 2020-03-16 10:00:48 +01:00
parent bf78e17a2c
commit 100ace24fb
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
_layouts/wallet-container.html
View File

@ -23,24 +23,24 @@ max_wallet_text_length: 418 ## Unicode characters
</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 @@ max_wallet_text_length: 418 ## Unicode characters
});
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) {

2
_sass/_wallets.scss
View File

@ -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;