Add hover state for buttons.

3 files changed, 28 insertions, 2 deletions

diff --git a/themes/admin_default/js/ui.init.js b/themes/admin_default/js/ui.init.js
index efc2af04..a68a5238 100644
--- a/themes/admin_default/js/ui.init.js
+++ b/themes/admin_default/js/ui.init.js
@@ -36,6 +36,17 @@ $(document).ready(function(){
 	
   // In-place editing for tag admin
   $(".gEditable").bind("click", editInplace);
+
+  // Add hover state for buttons
+  $(".ui-state-default").hover(
+	  function(){
+		  $(this).addClass("ui-state-hover");
+	  },
+	  function(){
+		  $(this).removeClass("ui-state-hover");
+	  }
+  );
+
 });
 
 function editInplace(element){
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 1981d664..98205fe3 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -60,7 +60,9 @@ h3 {
 /* Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 a,
-#gDialog a {
+#gDialog a,
+.gButtonLink,
+.gButtonLink:hover {
   color: #6b8cb7;
   text-decoration: none;
   -moz-outline-style: none;
@@ -77,7 +79,6 @@ a:hover,
   font-size: .9em;
 }
 
-
 /* Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
 table {
@@ -761,6 +762,10 @@ form p.gError {
   padding: .1em .3em;
 }
 
+.gButtonLink:hover {
+
+}
+
 .ui-icon-left .ui-icon {
   float: left;
   margin-right: .3em;
diff --git a/themes/default/js/ui.init.js b/themes/default/js/ui.init.js
index 49b72626..69768473 100644
--- a/themes/default/js/ui.init.js
+++ b/themes/default/js/ui.init.js
@@ -68,6 +68,16 @@ $(document).ready(function() {
   for (var i=0; i < dialogLinks.length; i++) {
     $(dialogLinks[i]).bind("click", handleDialogEvent);
   }
+  
+  // Add hover state for buttons
+  $(".ui-state-default").hover(
+	  function(){
+		  $(this).addClass("ui-state-hover");
+	  },
+	  function(){
+		  $(this).removeClass("ui-state-hover");
+	  }
+  );
 
 });