From da5cc23946feb00af1735b7b2bc04cc9e4624d18 Mon Sep 17 00:00:00 2001
From: Nick Krichevsky <njk828@gmail.com>
Date: Thu, 5 Mar 2015 22:16:13 -0500
Subject: [PATCH] Add fakeHover and fake click events for detach button

---
 popup.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/popup.js b/popup.js
index f458d20..aca34d3 100644
--- a/popup.js
+++ b/popup.js
@@ -253,6 +253,11 @@ function setupTabs(tabs,callback){
 				pinButton.click();
 				return;
 			}
+			//If the mouse is clicked iwthin the bounds of the detachButton, simulate a click event and return.
+			if (event.pageX>=detachButton.getBoundingClientRect().left && event.pageX<=detachButton.getBoundingClientRect().right){
+				detachButton.click();
+				return;
+			}
 			chrome.windows.getCurrent(function(resultWindow){
 				if (currentTab.id!=resultWindow.id){
 					chrome.windows.update(currentTab.windowId,{'focused':true});
@@ -276,6 +281,13 @@ function setupTabs(tabs,callback){
 			else{
 				pinButton.classList.remove('fakeHover');
 			}
+			//If the mouse is within the bounds of the detachButton, highlight it as if it's being hovered.
+			if (event.clientX>=detachButton.getBoundingClientRect().left && event.clientX<=detachButton.getBoundingClientRect().right){
+				detachButton.classList.add('fakeHover');
+			}
+			else{
+				detachButton.classList.remove('fakeHover');
+			}
 
 		}
 		
@@ -284,6 +296,7 @@ function setupTabs(tabs,callback){
 		li.addEventListener('mouseout', function(event){
 			closeButton.classList.remove('fakeHover');
 			pinButton.classList.remove('fakeHover');
+			detachButton.classList.remove('fakeHover');
 		});
 		li.appendChild(textSpan);
 		textSpan.appendChild(pinButton);