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

MINOR:fixed use of $grid_x/y variables and documented 'magic' numbers

Browse Source
This commit is contained in:
jbridson 2012-03-09 10:33:17 +13:00 committed by Ingo Schommer
parent aed91931a7
commit 4a6116b562
3 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
admin/scss/_style.scss
View File

@ -1354,15 +1354,15 @@ form.small {
.members_grid {
span button#action_gridfield_relationfind {
display:none;
display:none; //hides find button - redundant functionality
}
p button#action_export {
margin-top:$grid-y*2;
span.btn-icon-download-csv {
height:17px;
height:17px; //exact height of icon
}
span.ui-button-text {
padding-left:26px;
padding-left:26px; //to accomodate wider export icon
}
}
}

4
css/GridField.css
View File

@ -1,5 +1,5 @@
/** Core styles for the basic GridField form field without any specific style. @package sapphire @subpackage scss @todo Add radial gradient to default delete button state @todo Create SASS mixin-function to simply swap the from/to, to to/from colours in grsdient mixins? */
.cms .ss-gridfield > div { margin-bottom: 35px; }
.cms .ss-gridfield > div { margin-bottom: 36px; }
.cms .ss-gridfield[data-selectable] tr.ui-selected, .cms .ss-gridfield[data-selectable] tr.ui-selecting { background: #FFFAD6 !important; }
.cms .ss-gridfield[data-selectable] td { cursor: pointer; }
.cms .ss-gridfield .add-existing-autocompleter { width: 500px; }
@ -11,7 +11,7 @@
.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; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.cms table.ss-gridfield-table tbody td button.ui-state-active { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; width: 20px; height: 20px; text-indent: -9999em; background: url(../images/icons/document--pencil.png) no-repeat 0 1px; }
.cms table.ss-gridfield-table tbody td a.edit-link { display: inline-block; width: 16px; height: 20px; text-indent: -9999em; background: url(../images/icons/document--pencil.png) no-repeat 0 1px; }
.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; }

34
scss/GridField.scss
View File

@ -40,7 +40,7 @@ $gf_grid_x: 16px;
.cms {
.ss-gridfield {
& > div {
margin-bottom: $gf_grid_y*3 - 1;
margin-bottom: $gf_grid_y*3;
}
&[data-selectable] {
@ -76,7 +76,7 @@ $gf_grid_x: 16px;
background: transparent;
tr.filter-header {
.fieldgroup {
max-width:$gf_grid_x*32;
max-width:$gf_grid_x*32; //max width 512px
}
}
}
@ -102,8 +102,8 @@ $gf_grid_x: 16px;
}
a.edit-link {
display:inline-block;
width:20px;
height:20px;
width:$gf_grid_x;
height:20px; //min height to fit the edit icon
text-indent:-9999em;
background: url(../images/icons/document--pencil.png) no-repeat 0 1px;
}
@ -129,7 +129,7 @@ $gf_grid_x: 16px;
background: $gf_colour_gradient_dark;
border-top: 1px solid $gf_colour_border;
padding: 5px;
min-height: 40px;
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);
@ -224,7 +224,7 @@ $gf_grid_x: 16px;
display: inline;
position: static;
input {
height:28px;
height:28px; //height of input field - to match design.
}
}
button.ss-ui-button {
@ -275,12 +275,12 @@ $gf_grid_x: 16px;
}
&.ss-gridfield-button-filter.ss-ui-button{
position:absolute;
right:5px;
right:5px; //positions filter button in correct position on top of input field
top:-28px;
display:block;
text-indent:-9999em;
width:30px;
height:28px;
width:30px;
height:28px; //match the height of the input field
border: {
top-left-radius:0px;
bottom-left-radius:0px;
@ -312,12 +312,12 @@ $gf_grid_x: 16px;
}
&.ss-gridfield-button-reset.ss-ui-button{
position:absolute;
right:36px;
right:34px; //positions reset button in correct position on top of input field and to the left of the filter button
top:-28px;
display:block;
text-indent:-9999em;
width:30px;
height:28px;
height:28px; //match the height of the input field
float:right;
border: {
radius:0px;
@ -359,7 +359,7 @@ $gf_grid_x: 16px;
}
span.non-sortable {
padding:1em 1em;
padding:1em 1em;
display:block;
}
}
@ -375,13 +375,13 @@ $gf_grid_x: 16px;
padding-top:2px;
position:absolute;
left:50%;
margin-left:-116px;
margin-left:-116px; //half the width of .datagrid-pagination - centers pagination
.pagination-page-number {
color:$color-text-light;
input {
width:35px;
height:18px;
margin-bottom:-$gf_grid_y/2;
width:35px; //exact width so that a four digit number can be entered
height:18px;
margin-bottom:-6px; //moves input field up to be aligned with the pagination buttons
padding:0px;
}
}
@ -428,7 +428,7 @@ $gf_grid_x: 16px;
}
.pagination-records-number {
float:right;
padding:($gf_grid_y/2) 0;
padding:6px 0;
color:$color-text-light;
}
}