mirror of
https://github.com/silverstripe/silverstripe-dms
synced 2024-10-22 14:05:56 +02:00
ENHANCEMENT: Add styling to main document tab in CMS. Add unlink icon
This commit is contained in:
parent
043bfb98f6
commit
6c90c89276
@ -8,6 +8,7 @@ class DMSSiteTreeExtension extends DataExtension {
|
||||
function updateCMSFields(FieldList $fields){
|
||||
//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::css('dms/css/DMSMainCMS.css');
|
||||
|
||||
// Document listing
|
||||
$gridFieldConfig = GridFieldConfig::create()->addComponents(
|
||||
|
@ -1,8 +1,3 @@
|
||||
/* #Root_Documents{
|
||||
table{
|
||||
white-space:normal;
|
||||
}
|
||||
} */
|
||||
#FileP .fieldgroup-field { width: 100%; }
|
||||
#FileP .fieldgroup-field .cms-file-info-data { width: 400px; }
|
||||
#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: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.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 label { padding: .4em 1em; display: block; line-height: 1.4; }
|
||||
|
||||
|
5
css/DMSMainCMS.css
Normal file
5
css/DMSMainCMS.css
Normal 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
BIN
images/chain-unchain.png
Executable file
Binary file not shown.
After Width: | Height: | Size: 722 B |
@ -1,8 +1,3 @@
|
||||
/* #Root_Documents{
|
||||
table{
|
||||
white-space:normal;
|
||||
}
|
||||
} */
|
||||
@import "compass/css3";
|
||||
|
||||
|
||||
@ -54,7 +49,7 @@ $color-button-generic: #e6e6e6 !default;
|
||||
border-right: 1px solid #C0C0C2;
|
||||
}
|
||||
&.selected{
|
||||
border-bottom:1px solid lighten($color-button-generic, 1%);
|
||||
border-bottom:1px solid #C0C0C2;
|
||||
border-right: 1px solid #C0C0C2;
|
||||
@include background(
|
||||
linear-gradient(color-stops(
|
||||
|
23
scss/DMSMainCMS.scss
Normal file
23
scss/DMSMainCMS.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user