tonyair/silverstripe-dms
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-dms synced 2024-10-22 12:05:56 +00:00
Code Issues Projects Releases Wiki Activity

ENHANCEMENT: Add styling to main document tab in CMS. Add unlink icon

Browse Source
This commit is contained in:
Ryan O'Hara 2012-08-07 11:55:05 +12:00
parent 043bfb98f6
commit 6c90c89276
6 changed files with 31 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
code/DMSSiteTreeExtension.php
View File

@ -8,6 +8,7 @@ class DMSSiteTreeExtension extends DataExtension {
function updateCMSFields(FieldList $fields){ function updateCMSFields(FieldList $fields){
//javascript to customize the grid field for the DMS document (overriding entwine in FRAMEWORK_DIR.'/javascript/GridField.js' //javascript to customize the grid field for the DMS document (overriding entwine in FRAMEWORK_DIR.'/javascript/GridField.js'
Requirements::javascript('dms/javascript/DMSGridField.js'); Requirements::javascript('dms/javascript/DMSGridField.js');
Requirements::css('dms/css/DMSMainCMS.css');
// Document listing // Document listing
$gridFieldConfig = GridFieldConfig::create()->addComponents( $gridFieldConfig = GridFieldConfig::create()->addComponents(

7
css/DMSDocumentCMSFields.css
View File

@ -1,8 +1,3 @@
/* #Root_Documents{
table{
white-space:normal;
}
} */
#FileP .fieldgroup-field { width: 100%; } #FileP .fieldgroup-field { width: 100%; }
#FileP .fieldgroup-field .cms-file-info-data { width: 400px; } #FileP .fieldgroup-field .cms-file-info-data { width: 400px; }
#FileP .fieldgroup-field .fieldholder-small { margin-top: 5px; } #FileP .fieldgroup-field .fieldholder-small { margin-top: 5px; }
@ -14,7 +9,7 @@
#DocumentTypeID ul li { display: inline-block; padding: 0; width: auto; margin-right: 0; border-radius: 0; border-left: 1px solid #C0C0C2; border-right: 1px solid #f4f4f4; } #DocumentTypeID ul li { display: inline-block; padding: 0; width: auto; margin-right: 0; border-radius: 0; border-left: 1px solid #C0C0C2; border-right: 1px solid #f4f4f4; }
#DocumentTypeID ul li:first-child { border-radius: 6px 0 0 6px; } #DocumentTypeID ul li:first-child { border-radius: 6px 0 0 6px; }
#DocumentTypeID ul li:last-child { border-radius: 0 6px 6px 0; border-right: 1px solid #C0C0C2; } #DocumentTypeID ul li:last-child { border-radius: 0 6px 6px 0; border-right: 1px solid #C0C0C2; }
#DocumentTypeID ul li.selected { border-bottom: 1px solid #e9e9e9; border-right: 1px solid #C0C0C2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c0c0c0), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#c0c0c0, #e6e6e6); background: -moz-linear-gradient(#c0c0c0, #e6e6e6); background: -o-linear-gradient(#c0c0c0, #e6e6e6); background: -ms-linear-gradient(#c0c0c0, #e6e6e6); background: linear-gradient(#c0c0c0, #e6e6e6); box-shadow: 0 1px 1px 0 #555 inset; } #DocumentTypeID ul li.selected { border-bottom: 1px solid #C0C0C2; border-right: 1px solid #C0C0C2; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c0c0c0), color-stop(100%, #e6e6e6)); background: -webkit-linear-gradient(#c0c0c0, #e6e6e6); background: -moz-linear-gradient(#c0c0c0, #e6e6e6); background: -o-linear-gradient(#c0c0c0, #e6e6e6); background: -ms-linear-gradient(#c0c0c0, #e6e6e6); background: linear-gradient(#c0c0c0, #e6e6e6); box-shadow: 0 1px 1px 0 #555 inset; }
#DocumentTypeID ul li.selected :after { box-shadow: 0 1px 1px 0 #DDD; } #DocumentTypeID ul li.selected :after { box-shadow: 0 1px 1px 0 #DDD; }
#DocumentTypeID ul li label { padding: .4em 1em; display: block; line-height: 1.4; } #DocumentTypeID ul li label { padding: .4em 1em; display: block; line-height: 1.4; }

5
css/DMSMainCMS.css Normal file
View File

@ -0,0 +1,5 @@
#Root_Documents table { white-space: normal; }
#Root_Documents table th.col-action_SetOrderTitle, #Root_Documents table th.col-FilenameWithoutID { width: 300px; }
#Root_Documents table td { white-space: normal; }
#Root_Documents table td.col-buttons { white-space: nowrap; }
#Root_Documents table td.col-buttons .dms-delete-link-only .ui-icon { background: url(../images/chain-unchain.png) no-repeat; }

BIN
images/chain-unchain.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 722 B

7
scss/DMSDocumentCMSFields.scss
View File

@ -1,8 +1,3 @@
/* #Root_Documents{
table{
white-space:normal;
}
} */
@import "compass/css3"; @import "compass/css3";
@ -54,7 +49,7 @@ $color-button-generic: #e6e6e6 !default;
border-right: 1px solid #C0C0C2; border-right: 1px solid #C0C0C2;
} }
&.selected{ &.selected{
border-bottom:1px solid lighten($color-button-generic, 1%); border-bottom:1px solid #C0C0C2;
border-right: 1px solid #C0C0C2; border-right: 1px solid #C0C0C2;
@include background( @include background(
linear-gradient(color-stops( linear-gradient(color-stops(

23
scss/DMSMainCMS.scss Normal file
View File

@ -0,0 +1,23 @@
//data-icon="cross-circle"
#Root_Documents{
table{
white-space:normal;
th{
&.col-action_SetOrderTitle, &.col-FilenameWithoutID{
width: 300px;
}
}
td{
white-space:normal;
}
td.col-buttons{
white-space:nowrap;
.dms-delete-link-only{
.ui-icon{
background: url(../images/chain-unchain.png) no-repeat;
}
}
}
}
}