Permalink
Browse files

MINOR: (SSF-106) tidied up the datagrid header styling

  • Loading branch information...
1 parent af59228 commit fea1a9357dc05336a6e64ba7955861e00f010145 @felipesilverstripe felipesilverstripe committed Feb 29, 2012
Showing with 25 additions and 9 deletions.
  1. +6 −3 css/GridField.css
  2. +19 −6 scss/GridField.scss
View
Oops, something went wrong.
View
@@ -23,6 +23,8 @@ $gf_colour_font: #666;
$gf_colour_text_shadow: rgba(0,0,0,.3);
$gf_border_radius: 7px;
+$gf_grid_y: 12px;
+$gf_grid_x: 16px;
@mixin box-shadow-none {
-moz-box-shadow: none;
@@ -100,20 +102,24 @@ $gf_border_radius: 7px;
@include single-text-shadow($gf_colour_text_shadow, 0px, -1px, 0);
h2{
padding: 0px;
- font-size: 16px;
+ font-size: $gf_grid_y*1.4;
color:#fff;
- margin:0;
- display:inline;
+ margin:3px $gf_grid_x/2 0;
+ display:inline-block;
}
.new{
- font-size: 14px;
+ font-size: $gf_grid_y*1.2;
border-color: $gf_colour_border;
float: right;
}
}
}
&.sortable-header {
background: $gf_colour_subheader;
+ th{
+ padding: 0px;
+ }
+
}
&:hover {
background: #FFFAD6 !important;
@@ -134,7 +140,7 @@ $gf_border_radius: 7px;
th {
font-weight: bold;
- font-size: 12px;
+ font-size: $gf_grid_y;
color: #FFF;
padding: 5px;
border-right: 1px solid $gf_colour_border;
@@ -210,14 +216,20 @@ $gf_border_radius: 7px;
@include box-shadow-none;
}
&.ss-gridfield-sort {
- background: transparent url(../images/arrows-01.png) no-repeat right 2px;
+ background: transparent url(../images/arrows.png) no-repeat right 6px;
border:none;
width:100%;
text-align: left;
padding: 4px 0;
@include single-text-shadow($gf_colour_text_shadow, 0px, -1px, 0);
color: #fff;
@include border-radius(0);
+ &:hover {
+ background-position: right -34px;
+ }
+ &.ss-gridfield-sorted {
+ background-position: right -116px;
+ }
}
}
input {
@@ -226,6 +238,7 @@ $gf_border_radius: 7px;
&:focus {
@include box-shadow-none;
}
+
}
}
}

0 comments on commit fea1a93

Please sign in to comment.