From dd9120f832996feb59b5ce70b46950b507d536b3 Mon Sep 17 00:00:00 2001
From: Tom Slominski <tomslominski@gmail.com>
Date: Fri, 6 Mar 2015 23:44:29 +0000
Subject: [PATCH] Hover and icon changes for the bookmarklet button

---
 footer.php             |  2 +-
 public/images/move.svg | 18 ++++--------------
 public/style.css       |  9 ++++++++-
 3 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/footer.php b/footer.php
index d00fb34..6180fe1 100644
--- a/footer.php
+++ b/footer.php
@@ -4,7 +4,7 @@
 
 	<?php $bookmarkletdialog = yourls__( 'Save this as a bookmark.', 'isq_translation') // Can't put it where it belongs as there'd be too much char escaping ?>
 	<p><?php yourls_e( 'Add this to your bookmarks or drag it to your bookmarks bar to quickly access shortening functions.', 'isq_translation') ?> </p>
-	<p class="bookmarklet-container"><a href="javascript:(function()%7Bvar%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:enc(s)),f='<?php echo YOURLS_SITE . '/index.php'; ?>',l=d.location,p='?url='+enc(l.href)+'&title='+enc(d.title)+'&keyword='+s2,u=f+p;try%7Bthrow('ozhismygod');%7Dcatch(z)%7Ba=function()%7Bif(!w.open(u))l.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();%7Dvoid(0);%7D)();" onClick="alert('<?php echo $bookmarkletdialog; ?>'); return false;" class="bookmarklet"><img src="public/images/move.svg" alt="Move icon" class="icon icon-inline icon-bookmarklet" /><?php yourls_e( 'Shorten', 'isq_translation') ?></a></p>
+	<p class="bookmarklet-container"><a href="javascript:(function()%7Bvar%20d=document,w=window,enc=encodeURIComponent,e=w.getSelection,k=d.getSelection,x=d.selection,s=(e?e():(k)?k():(x?x.createRange().text:0)),s2=((s.toString()=='')?s:enc(s)),f='<?php echo YOURLS_SITE . '/index.php'; ?>',l=d.location,p='?url='+enc(l.href)+'&title='+enc(d.title)+'&keyword='+s2,u=f+p;try%7Bthrow('ozhismygod');%7Dcatch(z)%7Ba=function()%7Bif(!w.open(u))l.href=u;%7D;if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();%7Dvoid(0);%7D)();" onClick="alert('<?php echo $bookmarkletdialog; ?>'); return false;" class="bookmarklet"><span class="icon-move"><?php include('public/images/move.svg'); ?></span><?php yourls_e( 'Shorten', 'isq_translation') ?></a></p>
 	<p><?php yourls_e( 'This bookmarklet takes the page URL and title and opens a new tab, where you can fill out a CAPTCHA. If you have selected text before using the bookmarklet, that will be used as the keyword.', 'isq_translation') ?></p>
 	<p><?php yourls_e( 'Support for bookmarklets on mobile varies. For example, they work on Chrome for Android but you have to add and sync them from your desktop.', 'isq_translation') ?></p>
 </div>
diff --git a/public/images/move.svg b/public/images/move.svg
index 5da9f0b..dce9bea 100644
--- a/public/images/move.svg
+++ b/public/images/move.svg
@@ -1,15 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
-<g>
-	<path d="M64,32c0,0.6-0.2,1.2-0.7,1.6l-9.1,9.1c-0.5,0.5-1,0.7-1.6,0.7s-1.2-0.2-1.6-0.7c-0.5-0.5-0.7-1-0.7-1.6v-4.6H36.6v13.7
-		h4.6c0.6,0,1.2,0.2,1.6,0.7c0.5,0.5,0.7,1,0.7,1.6s-0.2,1.2-0.7,1.6l-9.1,9.1c-0.5,0.5-1,0.7-1.6,0.7s-1.2-0.2-1.6-0.7l-9.1-9.1
-		c-0.5-0.5-0.7-1-0.7-1.6s0.2-1.2,0.7-1.6c0.5-0.5,1-0.7,1.6-0.7h4.6V36.6H13.7v4.6c0,0.6-0.2,1.2-0.7,1.6c-0.5,0.5-1,0.7-1.6,0.7
-		c-0.6,0-1.2-0.2-1.6-0.7l-9.1-9.1C0.2,33.2,0,32.6,0,32s0.2-1.2,0.7-1.6l9.1-9.1c0.5-0.5,1-0.7,1.6-0.7c0.6,0,1.2,0.2,1.6,0.7
-		c0.5,0.5,0.7,1,0.7,1.6v4.6h13.7V13.7h-4.6c-0.6,0-1.2-0.2-1.6-0.7c-0.5-0.5-0.7-1-0.7-1.6c0-0.6,0.2-1.2,0.7-1.6l9.1-9.1
-		C30.8,0.2,31.4,0,32,0s1.2,0.2,1.6,0.7l9.1,9.1c0.5,0.5,0.7,1,0.7,1.6c0,0.6-0.2,1.2-0.7,1.6c-0.5,0.5-1,0.7-1.6,0.7h-4.6v13.7
-		h13.7v-4.6c0-0.6,0.2-1.2,0.7-1.6c0.5-0.5,1-0.7,1.6-0.7s1.2,0.2,1.6,0.7l9.1,9.1C63.8,30.8,64,31.4,64,32z"/>
-</g>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+  <g>
+    <path d="M64 32c0 0.6-0.2 1.2-0.7 1.6l-9.1 9.1c-0.5 0.5-1 0.7-1.6 0.7s-1.2-0.2-1.6-0.7c-0.5-0.5-0.7-1-0.7-1.6v-4.6H36.6v13.7h4.6c0.6 0 1.2 0.2 1.6 0.7 0.5 0.5 0.7 1 0.7 1.6s-0.2 1.2-0.7 1.6l-9.1 9.1c-0.5 0.5-1 0.7-1.6 0.7s-1.2-0.2-1.6-0.7l-9.1-9.1c-0.5-0.5-0.7-1-0.7-1.6s0.2-1.2 0.7-1.6c0.5-0.5 1-0.7 1.6-0.7h4.6V36.6H13.7v4.6c0 0.6-0.2 1.2-0.7 1.6 -0.5 0.5-1 0.7-1.6 0.7s-1.2-0.2-1.6-0.7l-9.1-9.1C0.2 33.2 0 32.6 0 32s0.2-1.2 0.7-1.6l9.1-9.1c0.5-0.5 1-0.7 1.6-0.7s1.2 0.2 1.6 0.7c0.5 0.5 0.7 1 0.7 1.6v4.6h13.7V13.7h-4.6c-0.6 0-1.2-0.2-1.6-0.7 -0.5-0.5-0.7-1-0.7-1.6s0.2-1.2 0.7-1.6l9.1-9.1C30.8 0.2 31.4 0 32 0c0.6 0 1.2 0.2 1.6 0.7l9.1 9.1c0.5 0.5 0.7 1 0.7 1.6s-0.2 1.2-0.7 1.6c-0.5 0.5-1 0.7-1.6 0.7h-4.6v13.7h13.7v-4.6c0-0.6 0.2-1.2 0.7-1.6 0.5-0.5 1-0.7 1.6-0.7s1.2 0.2 1.6 0.7l9.1 9.1C63.8 30.8 64 31.4 64 32z"/>
+  </g>
 </svg>
diff --git a/public/style.css b/public/style.css
index fd36be8..4b6ee4a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -224,9 +224,16 @@ svg#url-qr-code {
 	padding: 7px;
 	margin: 8px 0;
 	font-size: 1.6rem;
+	color: black;
+	transition: color 0.5s, fill 0.5s;
 }
 
-.icon-bookmarklet {
+.bookmarklet:hover {
+	color: #013F6D;
+	fill: #013F6D;
+}
+
+.icon-move svg {
 	vertical-align: center;
 	height: 1.4rem;
 	width: 1.4rem;