Make red only when danger is present
Align neatly with the rest of the UI
Increase size of text area to show all three rows, although it still
overflows on 24 words.
.phrase {
word-break: keep-all;
}
.phrase {
word-break: keep-all;
}
-.phraseSplitWarn {
- text-align: right;
- color: red;
-}
.generate-container .strength {
/* override mobile width from bootstrap */
width: auto!important;
.generate-container .strength {
/* override mobile width from bootstrap */
width: auto!important;
<div class="form-group">
<label for="phrase" class="col-sm-2 control-label">BIP39 Split Mnemonic</label>
<div class="col-sm-10">
<div class="form-group">
<label for="phrase" class="col-sm-2 control-label">BIP39 Split Mnemonic</label>
<div class="col-sm-10">
- <textarea id="phraseSplit" class="phraseSplit private-data form-control" title="Only 2 of 3 cards needed to recover."></textarea>
+ <textarea id="phraseSplit" class="phraseSplit private-data form-control" title="Only 2 of 3 cards needed to recover." rows="3"></textarea>
+ <p class="help-block">
+ <span id="phraseSplitWarn" class="phraseSplitWarn"></span>
+ </p>
- <div id="phraseSplitWarn" class="phraseSplitWarn"></div>
</div>
<div class="form-group">
<label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label>
</div>
<div class="form-group">
<label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label>
DOM.splitPhrase.val(cards.join("\r\n"));
var triesPerSecond=10000000000;
var hackTime=Math.pow(2,wordCount*10/3)/triesPerSecond;
DOM.splitPhrase.val(cards.join("\r\n"));
var triesPerSecond=10000000000;
var hackTime=Math.pow(2,wordCount*10/3)/triesPerSecond;
+ var displayRedText = false;
if (hackTime<1) {
hackTime="<1 second";
if (hackTime<1) {
hackTime="<1 second";
} else if (hackTime<86400) {
hackTime=Math.floor(hackTime)+" seconds";
} else if (hackTime<86400) {
hackTime=Math.floor(hackTime)+" seconds";
} else if(hackTime<31557600) {
hackTime=Math.floor(hackTime/86400)+" days";
} else if(hackTime<31557600) {
hackTime=Math.floor(hackTime/86400)+" days";
} else {
hackTime=Math.floor(hackTime/31557600)+" years";
}
DOM.phraseSplitWarn.html("Time to hack with only one card: "+hackTime);
} else {
hackTime=Math.floor(hackTime/31557600)+" years";
}
DOM.phraseSplitWarn.html("Time to hack with only one card: "+hackTime);
+ if (displayRedText) {
+ DOM.phraseSplitWarn.addClass("text-danger");
+ } else {
+ DOM.phraseSplitWarn.removeClass("text-danger");
+ }
}
function isUsingOwnEntropy() {
}
function isUsingOwnEntropy() {