[mythtv] [PATCH] WebFrontend: Fix icon sprite locations in CSS

Philipp Matthias Hahn pmhahn+mythtv at pmhahn.de
Sat May 5 11:02:49 UTC 2018


All 'background-position's must be given as *negative* values, as it
describes the start position relative to the top-left corner of the HTML
element where painting the background images starts.
---
 mythtv/html/tv/css/icons.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/mythtv/html/tv/css/icons.css b/mythtv/html/tv/css/icons.css
index 2ccf64e74a..5ca5c0a20a 100644
--- a/mythtv/html/tv/css/icons.css
+++ b/mythtv/html/tv/css/icons.css
@@ -13,35 +13,35 @@
 
 .icon_flautoexpire
 {
-    background-position: 108px 0px;
+    background-position: -36px 0px;
 }
 
 .icon_flbookmark
 {
-    background-position: 72px 0px;
+    background-position: -72px 0px;
 }
 
 .icon_flcommflag
 {
-    background-position: 108px 0px;
+    background-position: -108px 0px;
 }
 
 .icon_flwatched
 {
-    background-position: 0px 27px;
+    background-position: 0px -27px;
 }
 
 .icon_hd720
 {
-    background-position: 36px 27px;
+    background-position: -36px -27px;
 }
 
 .icon_hd1080
 {
-    background-position: 72px 27px;
+    background-position: -72px -27px;
 }
 
 .icon_hdtv
 {
-    background-position: 108px 27px;
+    background-position: -108px -27px;
 }
-- 
2.17.0



More information about the mythtv-dev mailing list