mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
458171ff92
1. Modified gridfield to use default colours 2. Added ability to show and hide the filter 3. Design changes to icons used 4. Gridfield template fixes: Took out broken mark-up from templates (spans were being inserted inside spans), and adjusted styles. Added extra class to template 5. Added "filter by ..." placeholder text to input fields
115 lines
2.8 KiB
SCSS
115 lines
2.8 KiB
SCSS
//fix for background colors on buttons
|
|
.cms .ss-ui-button {
|
|
background-color: $color-button-generic;
|
|
&.ui-state-hover {
|
|
background-color:lighten($color-button-generic, 5%);
|
|
}
|
|
&.ss-ui-action-constructive {
|
|
background-color:$color-button-constructive;
|
|
&.ui-state-hover {
|
|
background-color:lighten($color-button-constructive, 5%);
|
|
}
|
|
}
|
|
&.ss-gridfield-button-filter{
|
|
$bgImage: url(../../images/icons/filter-icons.png) no-repeat;
|
|
background:lighten($color-menu-button,10%) $bgImage -14px 4px;
|
|
}
|
|
}
|
|
|
|
.cms-content-toolbar{
|
|
//add border below the content toolbar
|
|
border-bottom:1px solid rgb(201, 205, 206);
|
|
}
|
|
|
|
//fix for background color on default tabs
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default {
|
|
background-image:none;
|
|
}
|
|
|
|
//fix for filter and reset icons on datagrid
|
|
.ss-gridfield-button-filter.ss-ui-button {
|
|
background: $color-button-generic url(../images/filter-icons.png) no-repeat -40px 6px;
|
|
filter:none;
|
|
&.hover-alike:active {
|
|
background-color: darken(#338DC1, 5%);
|
|
background-position: -15px 7px;
|
|
filter:none;
|
|
}
|
|
&.hover-alike {
|
|
background-color: #338DC1;
|
|
background-position: -16px 6px;
|
|
filter:none;
|
|
}
|
|
}
|
|
|
|
.ss-gridfield-button-reset.ss-ui-button {
|
|
background: $color-button-generic url(../images/filter-icons.png) no-repeat 8px 5px;
|
|
filter:none;
|
|
&.filtered:hover {
|
|
background: $color-button-destructive url(../images/filter-icons.png) no-repeat 8px -17px;
|
|
filter:none;
|
|
}
|
|
&.filtered:active {
|
|
background: darken($color-button-destructive, 5%) url(../images/filter-icons.png) no-repeat 9px -16px;
|
|
filter:none;
|
|
}
|
|
}
|
|
|
|
//fix for borders on gridfield table
|
|
.cms table.ss-gridfield-table {
|
|
tr {
|
|
td {
|
|
border-right: 1px solid lighten($color-medium-separator, 10%);
|
|
}
|
|
th {
|
|
border-right: 1px solid lighten($color-medium-separator, 10%);
|
|
&.main {
|
|
border-top: 1px solid lighten($color-medium-separator, 10%);
|
|
border-bottom: none;
|
|
}
|
|
&.extra {
|
|
border-top: 1px solid lighten($color-medium-separator, 10%);
|
|
padding-right:12px;
|
|
}
|
|
}
|
|
}
|
|
td:first-child, th:first-child {
|
|
border-left: 1px solid lighten($color-medium-separator, 10%);
|
|
}
|
|
}
|
|
|
|
//fix for edit and delete icons - border appears on click.
|
|
.cms .ss-gridfield table.ss-gridfield-table tbody {
|
|
td {
|
|
button {
|
|
border:0;
|
|
background:none;
|
|
}
|
|
}
|
|
}
|
|
|
|
//fix for wrong alignment of label on parent groups field in users groups
|
|
.cms .cms-content .cms-content-fields {
|
|
.aligned_right_label {
|
|
margin-left:0;
|
|
}
|
|
}
|
|
|
|
|
|
//fix for model admin filter styling
|
|
.ModelAdmin .cms-content-fields .cms-content-tools .cms-panel-content {
|
|
#Form_ImportForm {
|
|
div.file {
|
|
margin:0px;
|
|
input.file {
|
|
margin-left: -132px; //hides unnecessary text input field
|
|
}
|
|
}
|
|
div.checkbox {
|
|
padding:0px; //stops clear database text from overflowing onto two lines.
|
|
}
|
|
}
|
|
}
|