Skip to content
This repository
Browse code

BUGFIX Fixed GridField edit link appearing 9999px off screen, should …

…not be visible as the icon replaces the link text.
  • Loading branch information...
commit 076f1a83f4a012d218acb41d47be9a120aa1ae07 1 parent 7077778
Sean Harvey authored April 04, 2012
2  css/GridField.css
@@ -17,7 +17,7 @@
17 17
 .cms table.ss-gridfield-table tbody td button { border: none; background: none; margin: 0 0 0 2px; padding: 0; width: auto; text-shadow: none; }
18 18
 .cms table.ss-gridfield-table tbody td button.ui-state-hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
19 19
 .cms table.ss-gridfield-table tbody td button.ui-state-active { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
20  
-.cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; width: 16px; height: 20px; text-indent: 9999em; background: url(../images/icons/document--pencil.png) no-repeat 0 1px; }
  20
+.cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; width: 16px; height: 20px; text-indent: 9999em; overflow: hidden; vertical-align: middle; background: url(../images/icons/document--pencil.png) no-repeat 0 1px; }
21 21
 .cms table.ss-gridfield-table tfoot { color: #1d2224; }
22 22
 .cms table.ss-gridfield-table tfoot tr td { background: #95a5ab; padding: .7em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
23 23
 .cms table.ss-gridfield-table tr.title { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -o-border-top-left-radius: 7px; -ms-border-top-left-radius: 7px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; -o-border-top-right-radius: 7px; -ms-border-top-right-radius: 7px; -khtml-border-top-right-radius: 7px; border-top-right-radius: 7px; }
8  scss/GridField.scss
@@ -129,9 +129,11 @@ $gf_grid_x:	16px;
129 129
 					width:$gf_grid_x;
130 130
 					height:20px; //min height to fit the edit icon
131 131
 					text-indent:9999em;
  132
+					overflow: hidden;
  133
+					vertical-align: middle;
132 134
 					background: url(../images/icons/document--pencil.png) no-repeat 0 1px;
133  
-				}				
134  
-			}			
  135
+				}
  136
+			}
135 137
 		}
136 138
 
137 139
 		tfoot {
@@ -468,4 +470,4 @@ $gf_grid_x:	16px;
468 470
 			border-left: 1px solid $gf_colour_border;
469 471
 		}
470 472
 	}
471  
-}
  473
+}

0 notes on commit 076f1a8

Please sign in to comment.
Something went wrong with that request. Please try again.