From c0f65bfbba6436538bee999a13d122c64778bf4f Mon Sep 17 00:00:00 2001 From: jbridson Date: Wed, 29 Feb 2012 15:30:40 +1300 Subject: [PATCH] ENHANCEMENT:SSF-106 - changed the edit and delete buttons to match the icons on the design --- css/GridField.css | 3 +++ scss/GridField.scss | 16 ++++++++++++++++ 2 files changed, 19 insertions(+) diff --git a/css/GridField.css b/css/GridField.css index 830e33de3..59fd5efe8 100644 --- a/css/GridField.css +++ b/css/GridField.css @@ -7,6 +7,9 @@ .cms table.ss-gridfield-table tbody { background: #FFF; } .cms table.ss-gridfield-table tbody td { /* Emulate a link by default */ } .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; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } +.cms table.ss-gridfield-table tbody td button span.ui-button-text { text-indent: -9999em; background: url(../images/icons/decline.png) no-repeat 0px 6px; } +.cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; height: 20px; width: 20px; text-indent: -9999em; background: url(../images/icons/document--pencil.png) no-repeat 0 0; } .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 68c906446..f63a98f5a 100644 --- a/scss/GridField.scss +++ b/scss/GridField.scss @@ -73,6 +73,22 @@ $gf_grid_x: 16px; padding: 0; width: auto; text-shadow: none; + &.ui-state-hover { + background:none; + border:none; + @include box-shadow-none; + } + span.ui-button-text { + text-indent:-9999em; + background: url(../images/icons/decline.png) no-repeat 0px 6px; + } + } + a.edit-link { + display:inline-block; + height:20px; + width:20px; + text-indent:-9999em; + background: url(../images/icons/document--pencil.png) no-repeat 0 0; } } }