From 77e92590f9d078dc2eba5123554aa555d98bf73d Mon Sep 17 00:00:00 2001
From: Max Pozdeev <maxpozdeev@gmail.com>
Date: Sat, 26 Dec 2009 21:15:28 +0300
Subject: [PATCH] * some images converted into CSS sprites

---
 src/ajax.js                 |   4 ++--
 src/images/arrbtn.gif       | Bin 85 -> 0 bytes
 src/images/arrbtn_bw.gif    | Bin 76 -> 0 bytes
 src/images/arrright.gif     | Bin 55 -> 0 bytes
 src/images/checkmark.gif    | Bin 67 -> 0 bytes
 src/images/icons.gif        | Bin 0 -> 299 bytes
 src/images/resizegrip.gif   | Bin 56 -> 0 bytes
 src/images/toggle_minus.gif | Bin 83 -> 0 bytes
 src/images/toggle_plus.gif  | Bin 86 -> 0 bytes
 src/index.php               |  14 +++++++-------
 src/style.css               |  18 +++++++++---------
 11 files changed, 18 insertions(+), 18 deletions(-)
 delete mode 100644 src/images/arrbtn.gif
 delete mode 100644 src/images/arrbtn_bw.gif
 delete mode 100644 src/images/arrright.gif
 delete mode 100644 src/images/checkmark.gif
 create mode 100644 src/images/icons.gif
 delete mode 100644 src/images/resizegrip.gif
 delete mode 100644 src/images/toggle_minus.gif
 delete mode 100644 src/images/toggle_plus.gif

diff --git a/src/ajax.js b/src/ajax.js
index 4357f72..025ecb2 100644
--- a/src/ajax.js
+++ b/src/ajax.js
@@ -1162,7 +1162,7 @@ function mttMenu(container, options)
 	this.submenu = [];
 
 	//create submenus
-	this.container.find('li.mtt-menu-has-submenu').each(function()
+	this.container.find('li.mtt-menu-indicator').each(function()
 	{
 		var submenu = new mttMenu($(this).attr('submenu'));
 		submenu.$caller = $(this);
@@ -1212,7 +1212,7 @@ function mttMenu(container, options)
 
 	this.onclick = function(item)
 	{
-		if($(item).is('.mtt-disabled,.mtt-menu-has-submenu')) return;
+		if($(item).is('.mtt-disabled,.mtt-menu-indicator')) return;
 		menu.close();
 		if(this.options.onclick) this.options.onclick(item);
 	}
diff --git a/src/images/arrbtn.gif b/src/images/arrbtn.gif
deleted file mode 100644
index a36dc68e3cb1b4bb81d37d08d8073e9db2003d07..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 85
zcmZ?wbhEHb<Y(Y#n8*MEyLa#Y|NlRbq4<-9k%57UK?fuXl4oR63+d}rd;6Ymj&D##
iJ`eAY|DiGLRkwrfBsmk5t=7(}xj02u`qVj525SJ!=^1<g

diff --git a/src/images/arrbtn_bw.gif b/src/images/arrbtn_bw.gif
deleted file mode 100644
index 10f9593984ee6e8e0755bca046e9629ad740dd66..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 76
zcmZ?wbhEHb<Y(Y#XkcL2y?gin|Nj+#vM@3*Ff!;c00Bsbfk~OCuT$*pd%iioK^gfh
dp}L1lPkrl2nOPd#k+pX9p#^6u$^s-9tO0S98W8{h

diff --git a/src/images/arrright.gif b/src/images/arrright.gif
deleted file mode 100644
index 675d2718473ba491a9e17c88bddbe53208a227d8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 55
zcmZ?wbhEHbWM|-HXkY+=|Ns9h{$ycfU|?j>0r5dH3`~43eF+k~p2x))YL*#Vw=!4*
E07i!lLjV8(

diff --git a/src/images/checkmark.gif b/src/images/checkmark.gif
deleted file mode 100644
index b070e514e42a447a09af793d94e1ff29464487eb..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 67
zcmZ?wbhEHb6krfwXkcK7i;MgJ|G(l-7DfgJMg|=QAOOiQFiG|FuRQ(sK0|}!x%BBa
Uk?+q%NSir{w=UBPWni!d0Cc|;2><{9

diff --git a/src/images/icons.gif b/src/images/icons.gif
new file mode 100644
index 0000000000000000000000000000000000000000..32b49f877f11e5fcedee84abf8da61e283552949
GIT binary patch
literal 299
zcmV+`0o49SNk%w1VL$*N0HOc@000300RMo1fQX2QySuyp|Nj6000000A^8LW00031
zEC2ui06+jB00IN>7_{6R(8&d>y*Ov0FXvqahGaOJN|~yxr+)7x%(T$ev|GZvB^1D5
z!G`$>fy4-8z-%^^Ab@l_RaT4zKrrb$A}u556I!8Gtq`pCTl5aW7BT!}hF`PPciXH-
zFPSbU0cRpzKx=)5M_hsd0~kCO0Fa7^Tz6iKF^wCFLYHZ7nmwG9J~*IPs5&H(C@run
zt+KDNEfW$VxDB?wzQ4f1!o$SH#>dF8lgSm2Em9rO%+4%?7}nQj*cp%1B-@hUW!fd(
x(aVF<=i(4`B<9}XlkDT_>*bF5>-P65=pFD%&<n?`+OvWP6DnNDu;H-;06Uy4hjah{

literal 0
HcmV?d00001

diff --git a/src/images/resizegrip.gif b/src/images/resizegrip.gif
deleted file mode 100644
index 51695c28f8aa476f321cc8b919161e8cd166ed39..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 56
zcmZ?wbh9u|6krfwXkcLI=;-+W|Gy3c5P(D&n8bVfSDt=*p24K()GNI!6(40XE_+OS
J7A(PF4FK~36cPXc

diff --git a/src/images/toggle_minus.gif b/src/images/toggle_minus.gif
deleted file mode 100644
index 19d433b4c3c676030a13a41f823a2d356090ae76..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 83
zcmZ?wbhEHb<Y(Y#n8*ME{~7Wc8XErp|F8Iyg^_`QkwFI}3X*4JQt9bmdAgTraYWJ$
i>$FujUR|&BVx5v|*7jmq9sBj2>sc(n^~$p{SOWn4{u}rJ

diff --git a/src/images/toggle_plus.gif b/src/images/toggle_plus.gif
deleted file mode 100644
index 14a7ab2ee645dee35c9fcaaf40ac2fc98d23f1a8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 86
zcmZ?wbhEHb<Y(Y#n8*ME{~7Wc8XErp|F8Iyg^_`QkwFI}3X*4JQt#<sdAgTraYWJ$
l>$Fv3F@Iy`vC4@yESh<U_wlYy`R=o8SS){?lV@eH1^_g(983TJ

diff --git a/src/index.php b/src/index.php
index 592381f..d3651f8 100644
--- a/src/index.php
+++ b/src/index.php
@@ -204,26 +204,26 @@ $().ajaxStop( function(r,s) {$("#loading").fadeOut();} );
  <div id="tagcloudcontent"></div>
 </div>
 
-<div id="mylistscontainer" class="mtt-btnmenu-container mtt-btnmenu-hasimages" style="display:none">
+<div id="mylistscontainer" class="mtt-btnmenu-container mtt-menu-has-images" style="display:none">
 <ul>
  <li onClick="addList()"><?php _e('list_new');?></li>
  <li class="mtt-need-list" onClick="renameCurList()"><?php _e('list_rename');?></li>
  <li class="mtt-need-list" onClick="deleteCurList()"><?php _e('list_delete');?></li>
- <li class="mtt-need-list" id="btnPublish" onClick="publishCurList()"><?php _e('list_publish');?></li>
+ <li class="mtt-need-list" id="btnPublish" onClick="publishCurList()"><div class="menu-icon"></div><?php _e('list_publish');?></li>
 </ul>
 </div>
 
-<div id="taskcontextcontainer" class="mtt-btnmenu-container mtt-btnmenu-hasimages" style="display:none">
+<div id="taskcontextcontainer" class="mtt-btnmenu-container mtt-menu-has-images mtt-menu-has-submenu" style="display:none">
 <ul>
  <li id="cmenu_edit"><b><?php _e('action_edit');?></b></li>
  <li id="cmenu_note"><?php _e('action_note');?></li>
- <li id="cmenu_prio" class="mtt-menu-has-submenu" submenu="priocontainer"><?php _e('action_priority');?></li>
- <li id="cmenu_move" class="mtt-menu-has-submenu" submenu="listsmenucontainer"><?php _e('action_move');?></li>
+ <li id="cmenu_prio" class="mtt-menu-indicator" submenu="priocontainer"><div class="submenu-icon"></div><?php _e('action_priority');?></li>
+ <li id="cmenu_move" class="mtt-menu-indicator" submenu="listsmenucontainer"><div class="submenu-icon"></div><?php _e('action_move');?></li>
  <li id="cmenu_delete"><?php _e('action_delete');?></li>
 </ul>
 </div>
 
-<div id="priocontainer" class="mtt-btnmenu-container mtt-btnmenu-hasimages" style="display:none">
+<div id="priocontainer" class="mtt-btnmenu-container mtt-menu-has-images" style="display:none">
 <ul>
  <li id="cmenu_prio:-1">&minus;1</li>
  <li id="cmenu_prio:0">&plusmn;0</li>
@@ -232,7 +232,7 @@ $().ajaxStop( function(r,s) {$("#loading").fadeOut();} );
 </ul>
 </div>
 
-<div id="listsmenucontainer" class="mtt-btnmenu-container mtt-btnmenu-hasimages" style="display:none">
+<div id="listsmenucontainer" class="mtt-btnmenu-container mtt-menu-has-images" style="display:none">
 <ul>
 </ul>
 </div>
diff --git a/src/style.css b/src/style.css
index d401654..2290b6b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -60,8 +60,8 @@ a { color:#0000ff; }
 #rss_icon { float:right;margin-top:4px; }
 
 .task-left { float:left; }
-.task-left .mtt-toggle { margin-top:2px; cursor:pointer; width:15px; height:15px; float:left; background:url(images/toggle_plus.gif) left top no-repeat; }
-.task-left .mtt-toggle.mtt-toggle-expanded { background-image:url(images/toggle_minus.gif); }
+.task-left .mtt-toggle { margin-top:2px; cursor:pointer; width:15px; height:15px; float:left; background:url(images/icons.gif) -32px 0 no-repeat; }
+.task-left .mtt-toggle.mtt-toggle-expanded { background-position:-48px 0; }
 .task-middle { margin-left:40px; margin-right:25px; }
 #tasklist { list-style-type: none; margin: 0; padding: 0;}
 #tasklist li { padding:6px 2px 6px 6px; border-bottom:1px solid #DEDEDE; min-height:18px; margin-bottom:1px; background-color:#fff; }
@@ -87,8 +87,8 @@ li.task-completed .task-actions a { color:#7070ff; }
 li.task-completed  { opacity:0.8; }
 li.task-completed .mtt-toggle { opacity:0.8; }
 
-a.taskactionbtn { display:block; float:right; height:16px; width:16px; text-decoration:none; background:url(images/arrbtn_bw.gif) no-repeat bottom left; }
-li:hover a.taskactionbtn { background-image:url(images/arrbtn.gif); }
+a.taskactionbtn { display:block; float:right; height:15px; width:15px; text-decoration:none; background:url(images/icons.gif) 0 0 no-repeat; }
+li:hover a.taskactionbtn { background-position:-16px 0; }
 
 #tasklist.filter-past li, #tasklist.filter-today li, #tasklist.filter-soon li { display:none; }
 #tasklist.filter-past li.past, #tasklist.filter-today li.today, #tasklist.filter-soon li.soon { display:block; }
@@ -118,7 +118,7 @@ div.task-note-area textarea { color:#999999; width:100%; display:block; height:6
 #page_taskedit { position:fixed; z-index:201; background-color:#fdfdfd; padding:8px; border:1px solid #cccccc; width:510px; }
 #page_taskedit .form-row .in500 { width:99%; }
 #page_taskedit .form-row textarea.in500 { height:130px; /*resize:none;*/ }
-.ui-icon-gripsmall-diagonal-se { background-image:url(images/resizegrip.gif); }
+.ui-icon-gripsmall-diagonal-se { background:url(images/icons.gif) 0 -16px; }
 #alltags .tag { font-weight:bold; color:#333333; }
 #alltags .tag:hover { background-color:#999988; color:white; }
 #page_taskedit.mtt-inadd .mtt-inedit { display:none; }
@@ -191,10 +191,10 @@ div.task-note-area textarea { color:#999999; width:100%; display:block; height:6
 .mtt-btnmenu-container li:hover { background-color:#316AC5; color:white; }
 .mtt-btnmenu-container li.mtt-need-list.mtt-disabled { color:#ACA899; }
 .mtt-btnmenu-delimiter { height:0px; border-top:1px solid #cccccc; margin:2px -1px 2px -1px }
-.mtt-btnmenu-container.mtt-btnmenu-hasimages li { padding-left:18px; }
-.mtt-btnmenu-container li.mtt-item-checked { background-image:url(images/checkmark.gif); background-position:left center; background-repeat:no-repeat; }
-
-.mtt-menu-has-submenu { margin-right:15px; background:url(images/arrright.gif) no-repeat center right; }
+.mtt-btnmenu-container.mtt-menu-has-images li { padding-left:18px; }
+li.mtt-item-checked .menu-icon { float:left; width:16px; height:16px; margin-left:-18px; background:url(images/icons.gif) -16px -16px; }
+.mtt-btnmenu-container.mtt-menu-has-submenu li { padding-right:18px; }
+li.mtt-menu-indicator .submenu-icon { float:right; margin-right:-18px; width:16px; height:16px; background:url(images/icons.gif) -32px -16px no-repeat; }
 
 .mtt-settings-table { width:100%; border-collapse:collapse; }
 .mtt-settings-table th, .mtt-settings-table td { border-bottom:1px solid #dedede; padding:8px; vertical-align:top; }