Permalink
Browse files

ENHANCEMENT:SSF-124 - changed how the border radius was applied on th…

…e gridfield header. border radius is now applied to the first and last th in the first row in <thead>.
  • Loading branch information...
Jeremy Bridson
Jeremy Bridson committed Apr 11, 2012
1 parent b58183f commit 84388a41190306cc3df0eca677b5b04a2d70302c
Showing with 11 additions and 4 deletions.
  1. +3 −2 css/GridField.css
  2. +8 −2 scss/GridField.scss
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -100,6 +100,14 @@ $gf_grid_x: 16px;
max-width:$gf_grid_x*32; //max width 512px
}
}
+ tr:first-child { //sets 7px border-radius on the top row in the thead - accounts for edgecase where there is no title row.
+ th:first-child {
+ @include border-top-left-radius($gf_border_radius);
+ }
+ th:last-child {
+ @include border-top-right-radius($gf_border_radius);
+ }
+ }
}
tbody {
@@ -219,15 +227,13 @@ $gf_grid_x: 16px;
tr {
&.title {
- @include border-top-radius($gf_border_radius);
th {
position: relative;
background: $gf_colour_gradient_dark;
border-top: 1px solid $gf_colour_border;
padding: 5px;
min-height: 40px; //this is to accomodate the add new button.
@include background-image(linear-gradient($gf_colour_gradient_light, $gf_colour_gradient_dark));
- @include border-top-radius($gf_border_radius);
@include single-text-shadow($gf_colour_text_shadow, 0px, -1px, 0);
h2{
padding: 0px;

0 comments on commit 84388a4

Please sign in to comment.