tonyair/silverstripe-framework
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-framework synced 2024-09-29 20:59:23 +02:00
Code Issues Projects Releases Wiki Activity

ENHANCEMENT:SSF-106 - changed the edit and delete buttons to match the icons on the design

Browse Source
This commit is contained in:
jbridson 2012-02-29 15:30:40 +13:00
parent e932be3a9a
commit c0f65bfbba
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/GridField.css
View File

@ -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; }

16
scss/GridField.scss
View File

@ -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;
}
}
}