Bug 9615 - Combine staff home page images into single sprite

In order to reduce the number of concurrent downloads on the staff
client home page the images representing the various modules (circ,
patrons, etc) could be combined into one sprite.

This patch creates a new sprite containing all images and corrects the
CSS for the default and hover states of each link to match the previous
version. The separate images have been removed. Also added is a
GIMP-compatible Photoshop file from which the sprite is generated.

To test, apply the patch, clear your browser cache, and view the staff
client home page. Each module icon should look correct in its default
and hover states.

Signed-off-by: Bernardo Gonzalez Kriegel <bgkriegel@gmail.com>
Comment: Work as described, Good idea! No errors.
Signed-off-by: Katrin Fischer <Katrin.Fischer.83@web.de>
Works nicely, no problems found.
Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>

diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css b/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css
index 2c87adb..064668d 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css
+++ b/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css
@@ -72,6 +72,7 @@ ul.biglinks-list li {
 
 ul.biglinks-list li a.icon_general {
     /* Class used for each module link */
+    background-image:url('/intranet-tmpl/prog/img/staff-home-icons-sprite.png');
     display: block;
     float: left;
 
@@ -98,42 +99,44 @@ ul.biglinks-list li a.icon_general {
 
 ul.biglinks-list li a:hover.icon_general {
     /* Class used for each module link hover state */
-    background-position:5px -43px;
     color: #538200;
     border-color: #538200;
 }
 
 /* CSS Sprites
- * Each image contains the normal and the hover state of the icon
- * The hover part starts at 46px below the top:
- *
- *  46px
- * -------
- * |     |
- * |  N  | 46px \
- * |     |       |
- * -------        > 92px
- * |     |       |
- * |  H  | 46px /
- * |     |
- * -------
- *
+ * There is one sprite image which contains all icons in both
+ *  hover states (on and off)
  */
 
 /* Classes used for each individual module link */
-ul.biglinks-list li a.icon_circulation {background-image:url('/intranet-tmpl/prog/img/icon_circulation.png')}
-ul.biglinks-list li a.icon_patrons {background-image:url('/intranet-tmpl/prog/img/icon_patrons.png')}
-ul.biglinks-list li a.icon_search {background-image:url('/intranet-tmpl/prog/img/icon_search.png')}
-ul.biglinks-list li a.icon_lists {background-image:url('/intranet-tmpl/prog/img/icon_lists.png')}
-ul.biglinks-list li a.icon_cataloging {background-image:url('/intranet-tmpl/prog/img/icon_cataloging.png')}
-ul.biglinks-list li a.icon_authorities {background-image:url('/intranet-tmpl/prog/img/icon_authorities.png')}
-
-ul.biglinks-list li a.icon_serials {background-image:url('/intranet-tmpl/prog/img/icon_serials.png')}
-ul.biglinks-list li a.icon_acquisitions {background-image:url('/intranet-tmpl/prog/img/icon_acquisitions.png')}
-ul.biglinks-list li a.icon_reports {background-image:url('/intranet-tmpl/prog/img/icon_reports.png')}
-ul.biglinks-list li a.icon_administration {background-image:url('/intranet-tmpl/prog/img/icon_administration.png')}
-ul.biglinks-list li a.icon_tools {background-image:url('/intranet-tmpl/prog/img/icon_tools.png')}
-ul.biglinks-list li a.icon_koha {background-image:url('/intranet-tmpl/prog/img/icon_koha.png')}
+ul.biglinks-list li a.icon_circulation {background-position:5px 3px;}
+ul.biglinks-list li a.icon_patrons {background-position:5px -89px;}
+ul.biglinks-list li a.icon_search {background-position:5px -181px;}
+ul.biglinks-list li a.icon_lists {background-position:5px -273px;}
+ul.biglinks-list li a.icon_cataloging {background-position:5px -365px;}
+ul.biglinks-list li a.icon_authorities {background-position:5px -457px;}
+
+ul.biglinks-list li a.icon_serials {background-position:5px -549px;}
+ul.biglinks-list li a.icon_acquisitions {background-position:5px -641px;}
+ul.biglinks-list li a.icon_reports {background-position:5px -733px;}
+ul.biglinks-list li a.icon_administration {background-position:5px -825px;}
+ul.biglinks-list li a.icon_tools {background-position:5px -917px;}
+ul.biglinks-list li a.icon_koha {background-position:5px -1008px;}
+
+/* Classes used for each individual module link on hover*/
+ul.biglinks-list li a:hover.icon_circulation {background-position:5px -43px;}
+ul.biglinks-list li a:hover.icon_patrons {background-position:5px -135px;}
+ul.biglinks-list li a:hover.icon_search {background-position:5px -227px;}
+ul.biglinks-list li a:hover.icon_lists {background-position:5px -319px;}
+ul.biglinks-list li a:hover.icon_cataloging {background-position:5px -411px;}
+ul.biglinks-list li a:hover.icon_authorities {background-position:5px -503px;}
+
+ul.biglinks-list li a:hover.icon_serials {background-position:5px -595px;}
+ul.biglinks-list li a:hover.icon_acquisitions {background-position:5px -687px;}
+ul.biglinks-list li a:hover.icon_reports {background-position:5px -779px;}
+ul.biglinks-list li a:hover.icon_administration {background-position:5px -871px;}
+ul.biglinks-list li a:hover.icon_tools {background-position:5px -963px;}
+ul.biglinks-list li a:hover.icon_koha {background-position:5px -1054px;}
 /* ==== MODULE LINKS - End ==== */
 
 

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_acquisitions.png b/koha-tmpl/intranet-tmpl/prog/img/icon_acquisitions.png
deleted file mode 100644 (file)
index 3f3ac65..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_acquisitions.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_administration.png b/koha-tmpl/intranet-tmpl/prog/img/icon_administration.png
deleted file mode 100644 (file)
index 197053f..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_administration.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_authorities.png b/koha-tmpl/intranet-tmpl/prog/img/icon_authorities.png
deleted file mode 100644 (file)
index 91aa6b1..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_authorities.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_cataloging.png b/koha-tmpl/intranet-tmpl/prog/img/icon_cataloging.png
deleted file mode 100644 (file)
index 8050d04..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_cataloging.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_circulation.png b/koha-tmpl/intranet-tmpl/prog/img/icon_circulation.png
deleted file mode 100644 (file)
index ae43935..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_circulation.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_koha.png b/koha-tmpl/intranet-tmpl/prog/img/icon_koha.png
deleted file mode 100644 (file)
index 9de6467..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_koha.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_lists.png b/koha-tmpl/intranet-tmpl/prog/img/icon_lists.png
deleted file mode 100644 (file)
index cb7b762..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_lists.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_patrons.png b/koha-tmpl/intranet-tmpl/prog/img/icon_patrons.png
deleted file mode 100644 (file)
index d9f6eef..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_patrons.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_reports.png b/koha-tmpl/intranet-tmpl/prog/img/icon_reports.png
deleted file mode 100644 (file)
index 4d63ca9..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_reports.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_search.png b/koha-tmpl/intranet-tmpl/prog/img/icon_search.png
deleted file mode 100644 (file)
index 7caf2d8..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_search.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_serials.png b/koha-tmpl/intranet-tmpl/prog/img/icon_serials.png
deleted file mode 100644 (file)
index 66620fc..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_serials.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/icon_tools.png b/koha-tmpl/intranet-tmpl/prog/img/icon_tools.png
deleted file mode 100644 (file)
index 4273cc5..0000000
Binary files a/koha-tmpl/intranet-tmpl/prog/img/icon_tools.png and /dev/null differ

diff --git a/koha-tmpl/intranet-tmpl/prog/img/staff-home-icons-sprite.png b/koha-tmpl/intranet-tmpl/prog/img/staff-home-icons-sprite.png
new file mode 100644 (file)
index 0000000..4660df7
Binary files /dev/null and b/koha-tmpl/intranet-tmpl/prog/img/staff-home-icons-sprite.png differ

diff --git a/misc/interface_customization/staff-home-icons-sprite.psd b/misc/interface_customization/staff-home-icons-sprite.psd
new file mode 100644 (file)
index 0000000..d64e18d
Binary files /dev/null and b/misc/interface_customization/staff-home-icons-sprite.psd differ