Permalink
Browse files

MINOR: (SSF-106) started on styling the filter bar on the datagrid

  • Loading branch information...
1 parent 2dffac7 commit bc6ea2ec0ee7dcfb182a9617306468e73d42bc73 @felipesilverstripe felipesilverstripe committed Feb 29, 2012
View
3 css/GridField.css
@@ -37,7 +37,8 @@
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { color: #fff !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort { background: transparent url(../images/arrows.png) no-repeat right 6px; border: none; width: 100%; text-align: left; padding: 4px 0; text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0; color: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }
.cms table.ss-gridfield-table tr th button.ss-gridfield-sort:hover { background-position: right -34px; }
-.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted { background-position: right -116px; }
+.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-desc { background-position: right -72px; }
+.cms table.ss-gridfield-table tr th button.ss-gridfield-sort.ss-gridfield-sorted-asc { background-position: right -116px; }
.cms table.ss-gridfield-table tr th input.ss-gridfield-sort { padding: 2px; }
.cms table.ss-gridfield-table tr th input.ss-gridfield-sort:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.cms table.ss-gridfield-table tr td { border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 6.4px 12px; color: #666666; }
View
4 forms/gridfield/GridFieldFilter.php
@@ -84,8 +84,8 @@ public function getHTMLFragments($gridField) {
$resetbutton = new GridField_Action($gridField, 'reset', _t('GridField.ResetFilter', "Reset"), 'reset', null)
);
- $filterbutton->addExtraClass('gridfield-button-filter');
- $resetbutton->addExtraClass('gridfield-button-reset');
+ $filterbutton->addExtraClass('ss-gridfield-button-filter');
+ $resetbutton->addExtraClass('ss-gridfield-button-reset');
}
$field->iteratorProperties($currentColumn-1, count($columns));
View
BIN images/icons/filter-icons.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
8 scss/GridField.scss
@@ -227,9 +227,15 @@ $gf_grid_x: 16px;
&:hover {
background-position: right -34px;
}
- &.ss-gridfield-sorted {
+ &.ss-gridfield-sorted-desc {
+ background-position: right -72px;
+ }
+ &.ss-gridfield-sorted-asc {
background-position: right -116px;
}
+ }
+ &.ss-gridfield-button-filter{
+ background: transparent url(../images/icons/filter-icons.png) no-repeat right 6px;
}
}
input {

0 comments on commit bc6ea2e

Please sign in to comment.