joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 01:36:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

New layout for the "Choose your wallet" page

Browse source 
Greatly simplify layout
Increase visibility for "you need to know" and "secure your wallet" pages
Providing increased transparency about security and zero-trust model for each wallet
Encourage diversity and decentralization by
  not recommending two single wallets anymore
  rotating wallets daily by "zero-trust levels" (full nodes followed by SPV wallets followed by hybrid & multisig wallets followed by web wallets)
Display screenshots
Increase visibility for Bitcoin Core by
  recommending it in other wallets' disclaimers as a full node and deterministic build app
  making it always the first desktop wallet displayed
  better promoting it as a good secure / zero-trust wallet
Prepare layout for hardware wallets
Prevent confusing duplicate listing
Allow layout to scale with increasing number of wallets
Fix layout issues with translations and hyphenation
Simplify the process of adding new wallets by storing information in a single location using a consistent format

Thanks @harding for reviews and feedback on the first draft
This commit is contained in:
Saivann 2014-07-14 16:12:36 -04:00
parent 5704ff1ce5
commit a75b2f1391
106 changed files with 3285 additions and 4758 deletions
Download patch file Download diff file Expand all files Collapse all files

124
_less/rtl.less
View file

@ -83,43 +83,12 @@ h2 .rssicon{
.downloadbox div{
text-align:right;
}
.previewrow{
text-align:right;
}
.previewrow>div{
margin-right:auto;
margin-left:15px;
}
.previewrow>div>a{
line-height:1.2em;
font-family:Arial, sans-serif;
}
.previewrow>div:first-child+div+div,
.previewrow>div:first-child+div+div+div+div+div{
margin-left:0;
}
.previewrow>div>div>div>span{
right:auto;
left:30px;
}
.previewrow>div>div>div>h2{
text-align:right;
font-family:Arial, sans-serif;
}
.previewrow>div>div>div>h2:first-child+span+p{
line-height:1.5em;
}
.index a,
.index a:link,
.index a:active,
.index a:visited{
line-height:2em;
}
.pleftfloat img{
float:right;
margin-right:auto;
margin-left:10px;
}
.resources{
text-align:right;
}
@ -224,6 +193,89 @@ h2 .rssicon{
.tablehalf p{
text-align:right;
}
.walletmenu ul{
text-align:right;
}
.walletmenu ul li a{
padding:8px 42px 5px 10px;
}
.walletmenu ul li{
font-family:'DroidNaskh', sans-serif;
background-position:right 6px;
}
.walletmenu ul li.active,
.walletmenu ul li.select{
background-position:right -62px;
}
.walletmenu ul li ul{
left:auto;
right:0;
}
.walletmenu ul li ul li.select a{
background-position:8px center;
}
.wallets{
text-align:right;
}
.wallets>div>a,
.wallets>div>a:visited,
.wallets>div>a:link,
.wallets>div>a:active{
line-height:1.2em;
}
.wallets>div>div>h2:first-child+div{
margin-left:0;
margin-right:10px;
}
.wallets>div>div>h2:first-child+div+div{
margin:2px 0 8px 0;
}
.wallets>div>div>h2:first-child+div+div>a,
.wallets>div>div>h2:first-child+div+div>a:visited,
.wallets>div>div>h2:first-child+div+div>a:link,
.wallets>div>div>h2:first-child+div+div>a:active{
padding:0 8px;
}
.wallets>div>div>h2:first-child+div+div+div+p{
padding-right:0;
padding-left:5px;
}
.wallets>div>div>h2:first-child+div+div+div>div{
padding:5px 22px 5px 0;
background-position:right 4px;
}
.wallets>div>div>h2:first-child+div+div+div>div>div{
margin-left:0;
margin-right:5px;
}
.wallets>div>div>h2:first-child+div+div+div>div>div>span{
left:0;
right:15px;
}
.wallets>div>div>h2:first-child+div+div+div>div>div>p{
left:auto;
right:30px
}
.wallets>div>div>h2:first-child+div+div+div+p+div{
right:auto;
left:20px;
}
.wallets .checkgood>div>span{
background-image:url(/img/checkbubble_pass_rtl.svg);
}
.wallets .checkpass>div>span{
background-image:url(/img/checkbubble_pass_rtl.svg);
}
.wallets .checkfail>div>span{
background-image:url(/img/checkbubble_fail_rtl.svg);
}
.warningicon{
margin-right:0;
margin-left:6px;
}
/*Override UbuntuBold by Droid Naskh*/
@ -256,6 +308,16 @@ h2 .rssicon{
padding-right:0;
margin-right:0;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div:hover>div{
margin-right:0;
}
.wallets.walletsmobile>div>div>h2:first-child+div+div+div>div>div>p{
left:0;
right:-20px;
}
.walletsdisclaimer p{
text-align:right;
}
.download{
text-align:right;
}