From 1b71345ef997c9942a9a4fe64e5f18b52bccac67 Mon Sep 17 00:00:00 2001
From: Saivann <saivann@gmail.com>
Date: Tue, 9 Sep 2014 23:56:58 -0400
Subject: [PATCH] Fix issues with overusing CSS :hover in the wallet page
 (thanks @schildbach @harding) (fixes #544) Click to see wallets when
 javascript is enabled Click to select (lock) any platform in the menu

---
 _less/screen.less |  6 +++---
 js/main.js        | 23 +++++++++--------------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/_less/screen.less b/_less/screen.less
index b86f169a..85743179 100644
--- a/_less/screen.less
+++ b/_less/screen.less
@@ -1319,7 +1319,7 @@ table td,table th{
 .wallets>div:hover>a>span{
 	display:block;
 }
-.wallets>div.disabled:hover>a>span{
+.wallets>div.nohover:hover>a>span{
 	display:none;
 }
 .wallets>div>a>img{
@@ -1365,8 +1365,8 @@ table td,table th{
 	visibility:visible;
 	overflow:visible;
 }
-.wallets>div.disabled:hover>div,
-.wallets>div.disabled:hover>span{
+.wallets>div.nohover:hover>div,
+.wallets>div.nohover:hover>span{
 	opacity:0;
 	width:0;
 	height:0;
diff --git a/js/main.js b/js/main.js
index d7590a3e..20a09b1c 100644
--- a/js/main.js
+++ b/js/main.js
@@ -418,14 +418,12 @@ function walletSelectPlatform(t){
 //Select wallets platform when the mouse clicks on the menu.
 var p=t;
 while(p.nodeName!='DIV')p=p.parentNode;
-if(t.parentNode.parentNode.parentNode.nodeName!='DIV'){
-	for(var i=0,nds=p.getElementsByTagName('A'),n=nds.length;i<n;i++){
-		nds[i].removeAttribute('data-select');
-		removeClass(nds[i].parentNode,'select');
-	}
-	t.setAttribute('data-select','1');
-	addClass(t.parentNode,'select');
+for(var i=0,nds=p.getElementsByTagName('A'),n=nds.length;i<n;i++){
+	nds[i].removeAttribute('data-select');
+	removeClass(nds[i].parentNode,'select');
 }
+t.setAttribute('data-select','1');
+addClass(t.parentNode,'select');
 if(isMobile()&&t.parentNode.getElementsByTagName('UL').length==0){
 	setTimeout(function(){scrollToNode(document.getElementById('wallets'));},10);
 }
@@ -440,11 +438,6 @@ for(var i=0,nds=document.getElementById('walletmenu').getElementsByTagName('A'),
 	if(nds[i].getAttribute('data-active')=='1')active=nds[i];
 }
 if(select===null||active===null)return;
-var selectp=select;
-var activep=active;
-while(selectp.parentNode.parentNode.nodeName!='DIV')selectp=selectp.parentNode;
-while(activep.parentNode.parentNode.nodeName!='DIV')activep=activep.parentNode;
-if(selectp!=activep)return;
 walletShowPlatform(select.getAttribute('data-walletcompat'));
 }
 
@@ -463,6 +456,7 @@ for(var i=0,nds=document.getElementById('wallets').childNodes,n=nds.length;i<n;i
 	if(nds[i].nodeType!=1)continue;
 	if(nds[i].getAttribute('data-walletcompat').indexOf(platform)!==-1)removeClass(nds[i],'disabled');
 	else addClass(nds[i],'disabled');
+	addClass(nds[i],'nohover');
 	var id=nds[i].id.replace('wallet-','');
 	if(!document.getElementById('wallet-'+id+'-'+platform))continue;
 	nds[i].replaceChild(document.getElementById('wallet-'+id+'-'+platform).getElementsByTagName('DIV')[0].cloneNode(true),nds[i].getElementsByTagName('DIV')[0]);
@@ -503,7 +497,8 @@ while(t.nodeName!='DIV'&&t.parentNode.id!='wallets'){
 	if(t.id=='wallets')return;
 	t=t.parentNode;
 }
-if(t.className.indexOf('disabled')===-1)return;
+t.setAttribute('data-previousclass',t.className);
+removeClass(t,'nohover');
 removeClass(t,'disabled');
 addEvent(t,'mouseover',walletDisabledHide);
 addEvent(t,'mouseout',walletDisabledHide);
@@ -519,7 +514,7 @@ while(t.nodeName!='DIV'||t.parentNode.id!='wallets'){
 clearTimeout(t.getAttribute('data-disabletimeout'));
 if(e.type=='mouseover')return;
 t.setAttribute('data-disabletimeout',setTimeout(function(){
-	addClass(t,'disabled');
+	for(var i=0,nds=t.getAttribute('data-previousclass').split(' '),n=nds.length;i<n;i++)addClass(t,nds[i]);
 	t.removeAttribute('data-disabletimeout');
 	removeEvent(t,'mouseout',walletDisabledHide);
 	removeEvent(t,'mouseover',walletDisabledHide);