From 076f1a83f4a012d218acb41d47be9a120aa1ae07 Mon Sep 17 00:00:00 2001 From: Sean Harvey Date: Wed, 4 Apr 2012 16:00:56 +1200 Subject: [PATCH] BUGFIX Fixed GridField edit link appearing 9999px off screen, should not be visible as the icon replaces the link text. --- css/GridField.css | 2 +- scss/GridField.scss | 8 +++++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/css/GridField.css b/css/GridField.css index 8d8d74f78..9466eeaa2 100644 --- a/css/GridField.css +++ b/css/GridField.css @@ -17,7 +17,7 @@ .cms table.ss-gridfield-table tbody td button { border: none; background: none; margin: 0 0 0 2px; padding: 0; width: auto; text-shadow: none; } .cms table.ss-gridfield-table tbody td button.ui-state-hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .cms table.ss-gridfield-table tbody td button.ui-state-active { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } -.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; } +.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; } .cms table.ss-gridfield-table tfoot { color: #1d2224; } .cms table.ss-gridfield-table tfoot tr td { background: #95a5ab; padding: .7em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .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; } diff --git a/scss/GridField.scss b/scss/GridField.scss index c3cea9f9e..84a854587 100644 --- a/scss/GridField.scss +++ b/scss/GridField.scss @@ -129,9 +129,11 @@ $gf_grid_x: 16px; width:$gf_grid_x; height:20px; //min height to fit the edit icon text-indent:9999em; + overflow: hidden; + vertical-align: middle; background: url(../images/icons/document--pencil.png) no-repeat 0 1px; - } - } + } + } } tfoot { @@ -468,4 +470,4 @@ $gf_grid_x: 16px; border-left: 1px solid $gf_colour_border; } } -} \ No newline at end of file +}