[gnome-mines/wip/cssstyling: 3/4] Use the SVG files as background-image

[Robert Roth <robertroth src gnome org>]

commit cdf9c142f8f708b52847e5f3951b4b79569c6d79
Author: Robert Roth <robert roth off gmail com>
Date:   Sun Apr 20 15:24:41 2014 +0300

    Use the SVG files as background-image

 data/Makefile.am                             |   17 +++++++++++++----
 data/{gnome-mines.css => gnome-mines.css.in} |   22 ++++++++++++++++------
 src/minefield-view.vala                      |    3 +++
 3 files changed, 32 insertions(+), 10 deletions(-)
---
diff --git a/data/Makefile.am b/data/Makefile.am
index 409b328..629114f 100644
--- a/data/Makefile.am
+++ b/data/Makefile.am
@@ -5,8 +5,15 @@ gsettings_SCHEMAS = org.gnome.mines.gschema.xml
 
 man_MANS = gnome-mines.6
 
-pixmapdir   = $(datadir)/gnome-mines
-pixmap_DATA = flag.svg flag-question.svg mine.svg bang.svg warning.svg gnome-mines.css
+pixmapdir   = $(pkgdatadir)
+pixmap_DATA = flag.svg flag-question.svg mine.svg bang.svg warning.svg
+
+gnome-mines.css: gnome-mines.css.in Makefile
+       $(AM_V_GEN) sed -e "s|\ pkgdatadir\@|$(pkgdatadir)|" $< > $@
+
+cssdir = $(pkgdatadir)
+css_in_files = gnome-mines.css.in
+css_DATA = $(css_in_files:.css.in=.css)
 
 desktopdir = $(datadir)/applications
 desktop_in_files = gnome-mines.desktop.in
@@ -23,11 +30,13 @@ EXTRA_DIST = \
              $(gsettings_SCHEMAS) \
              $(desktop_in_files) \
              $(man_MANS) \
-             $(pixmap_DATA)
+             $(pixmap_DATA) \
+             $(css_in_files)
 
 CLEANFILES = \
        $(appdata_DATA) \
-       $(desktop_DATA)
+       $(desktop_DATA) \
+       $(css_DATA)
 
 check-local: $(appdata_DATA) $(desktop_DATA)
        $(APPDATA_VALIDATE) $(appdata_DATA)
diff --git a/data/gnome-mines.css b/data/gnome-mines.css.in
similarity index 64%
rename from data/gnome-mines.css
rename to data/gnome-mines.css.in
index 386cf2a..97d3d1c 100644
--- a/data/gnome-mines.css
+++ b/data/gnome-mines.css.in
@@ -13,8 +13,11 @@ Changes are applied instantly and globally, for the whole application.
   color:black;
   border-color:transparent;
   border-image:none;
-  font-size:18px;
+  font-size:0;
   font-weight: bold;
+  background-size: 60%;
+  background-position: 50%;
+  background-repeat: no-repeat;
 }
 
 .tile:hover {
@@ -27,33 +30,40 @@ Changes are applied instantly and globally, for the whole application.
 }
 
 .count {
+  font-size:18px;
+  background-image:none;
   background-color:#eeeeec;
 }
 
 .flag {
+  background-image:url('/devel/share/gnome-mines/flag.svg');
+  font-size:0;
   background-color:#8ae234;
 }
 
 .exploded {
-  background-color:#8ae234;
+  background-image:url('/devel/share/gnome-mines/bang.svg');
+  font-size:0;
+  background-color:#cc0000;
 }
 
 .maybe {
+  background-image:url('/devel/share/gnome-mines/flag-question.svg');
+  font-size:0;
   background-color:#fce94f;
 }
 
 .incorrect {
+  font-size:0;
   background-color:#ef2929;
 }
 
 .mine {
+  background-image:url('/devel/share/gnome-mines/mine.svg');
+  font-size:0;
   background-color:#729fcf;
 }
 
-.exploded {
-  background-color:#cc0000;
-}
-
 .cursor {
   background-color:#e9b96e;
 }
diff --git a/src/minefield-view.vala b/src/minefield-view.vala
index 5956bc6..16726e4 100644
--- a/src/minefield-view.vala
+++ b/src/minefield-view.vala
@@ -423,8 +423,11 @@ public class MinefieldView : Gtk.Grid
                     mines[x, y].label = n.to_string ();
                     mines[x, y].sensitive = false;
                 } else {
+                    mines[x, y].label = "";
                     mines[x, y].sensitive = false;
                 }
+                mines[x,y].remove_class ("maybe");
+                mines[x,y].remove_class ("flag");
                 mines[x,y].add_class ("count");
                 mines[x,y].add_class ("mines" + n.to_string ());
             }