BUGFIX: fixed "add new" button outside of the datagrid's title bar in…

… firefox(ssf-106)
silverstripe · Feb 22, 2012 · 9efcb9b · 9efcb9b
1 parent 1ebd83d
commit 9efcb9b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/css/GridField.css b/css/GridField.css
diff --git a/scss/GridField.scss b/scss/GridField.scss
@@ -79,20 +79,22 @@ $gf_border_radius:	7px;
 					position: relative;
 					background: $gf_colour_gradient_dark;
 					border-top: 1px solid $gf_colour_border;
-					color:#fff;
-					padding: 10px;
-					font-size: 18px;
+					padding: 5px;
 					min-height: 40px;
 					@include background-image(linear-gradient($gf_colour_gradient_light, $gf_colour_gradient_dark));
 					@include border-top-radius($gf_border_radius);
 					@include single-text-shadow($gf_colour_text_shadow, 0px, -1px, 0);
-
+					h2{
+						padding: 0px;
+						font-size: 16px;
+						color:#fff;
+						margin:0;
+						display:inline;
+					}
 					.new{
 						font-size: 14px; 
 						border-color: $gf_colour_border;
-						position: absolute;
-						right: 10px;
-						top: 5px; 
+						float: right;
 					}
 				}
 			}	

diff --git a/templates/Includes/GridFieldTitle.ss b/templates/Includes/GridFieldTitle.ss
@@ -1,3 +1,3 @@
 <tr class="title">
-	<th colspan="$ColumnCount">$Title <a href="$NewLink" class="action ss-ui-action-constructive ss-ui-button ui-button ui-widget ui-state-default ui-corner-all new">Add new</a></th>
+	<th colspan="$ColumnCount"><h2>$Title</h2> <a href="$NewLink" class="action ss-ui-action-constructive ss-ui-button ui-button ui-widget ui-state-default ui-corner-all new">Add new</a></th>
 </tr>