BUGFIX:SSF-106 - removed border that appeared after click in ie7 and ie8

silverstripe · Mar 12, 2012 · 9738641 · 9738641
1 parent 4bea594
commit 9738641
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 4 deletions.
diff --git a/admin/css/ie7.css b/admin/css/ie7.css
@@ -31,9 +31,9 @@ html { overflow: hidden; }
 .cms table.ss-gridfield-table tr th.extra { border-top: 1px solid #9a9a9a; padding-right: 12px; }
 .cms table.ss-gridfield-table td:first-child, .cms table.ss-gridfield-table th:first-child { border-left: 1px solid #9a9a9a; }
 
-.cms .ss-gridfield table.ss-gridfield-table tbody td button { width: 40px; }
+.cms .ss-gridfield table.ss-gridfield-table tbody td button { width: 40px; border: 0; background: none; }
 .cms .ss-gridfield table.ss-gridfield-table tbody td button.gridfield-button-delete { display: block; float: left; }
-.cms .ss-gridfield table.ss-gridfield-table tbody td button.gridfield-button-unlink.ui-state-hover { display: block; float: left; }
+.cms .ss-gridfield table.ss-gridfield-table tbody td button.gridfield-button-unlink { display: block; float: left; }
 .cms .ss-gridfield table.ss-gridfield-table tbody td a.edit-link { display: block; float: left; }
 
 .cms .cms-content .cms-content-fields .aligned_right_label { margin-left: 0; }

diff --git a/admin/css/ie8.css b/admin/css/ie8.css
@@ -24,3 +24,5 @@
 .cms table.ss-gridfield-table td:first-child, .cms table.ss-gridfield-table th:first-child { border-left: 1px solid #9a9a9a; }
 
 .cms .cms-content .cms-content-fields .aligned_right_label { margin-left: 0; }
+
+.cms .ss-gridfield table.ss-gridfield-table tbody td button { border: 0; background: none; }
diff --git a/admin/scss/ie7.scss b/admin/scss/ie7.scss
@@ -104,17 +104,19 @@ html {
 	}
 }
 
-//fix for edit and delete icons in IE7
+//fix for edit and delete icons
 
 .cms .ss-gridfield table.ss-gridfield-table tbody {
 	td {
 		button {
 			width:40px;
+			border:0;
+			background:none;
 			&.gridfield-button-delete {
 				display:block;
 				float:left;
 			}
-			&.gridfield-button-unlink.ui-state-hover {
+			&.gridfield-button-unlink {
 				display:block;
 				float:left;
 			}

diff --git a/admin/scss/ie8.scss b/admin/scss/ie8.scss
@@ -78,3 +78,14 @@
 .cms .cms-content .cms-content-fields .aligned_right_label {
 			margin-left:0;
 }
+
+//fix for edit and delete icons - border appears on click.
+
+.cms .ss-gridfield table.ss-gridfield-table tbody {
+	td {
+		button {
+			border:0;
+			background:none;
+		}
+	}
+}