Moved image thumbnail style rules to Framework

for consistent styling of image thumbnails in GridFields
This commit is contained in:
Jonathon Menz 2015-07-28 18:14:05 -07:00
parent aa913dd1d5
commit 7041a43684
3 changed files with 2 additions and 19 deletions

View File

@ -176,13 +176,12 @@ JS
$columns = $gridField->getConfig()->getComponentByType('GridFieldDataColumns');
$columns->setDisplayFields(array(
'StripThumbnail' => '',
// 'Parent.FileName' => 'Folder',
'Title' => _t('File.Name'),
'Title' => _t('File.Title', 'Title'),
'Created' => _t('AssetAdmin.CREATED', 'Date'),
'Size' => _t('AssetAdmin.SIZE', 'Size'),
));
$columns->setFieldCasting(array(
'Created' => 'Date->Nice'
'Created' => 'SS_Datetime->Nice'
));
$gridField->setAttribute(
'data-url-folder-template',

View File

@ -38,9 +38,6 @@
.cms .AssetAdmin .cms-content-toolbar .cms-page-add-button span.btn-icon-add { height: 17px; }
.cms .AssetAdmin .cms-content-toolbar .cms-page-add-button span.ui-button-text { color: #393939; text-shadow: white 0 1px 1px; }
.cms .AssetAdmin #Root_TreeView .cms-tree ul .class-Folder a span.text span.jstree-foldericon { background: url(../images/blue-folder-horizontal.png) no-repeat; width: 16px; height: 16px; float: left; display: block; margin-right: 4px; }
.cms .AssetAdmin table.ss-gridfield-table td { padding-top: 0; padding-bottom: 0; }
.cms .AssetAdmin table.ss-gridfield-table td.bottom-all { padding: 0.7em; }
.cms .AssetAdmin table.ss-gridfield-table td.col-StripThumbnail { padding: 1px 5px; width: 32px; height: 32px; }
.cms .AssetAdmin table.ss-gridfield-table td.col-StripThumbnail img { width: 32px; height: 32px; }
.cms .AssetAdmin table.ss-gridfield-table tr[data-class=Folder] td.col-StripThumbnail { background: transparent url(../images/treeicons/blue-folder-horizontal.png) no-repeat center; }
.cms .AssetAdmin table.ss-gridfield-table tr[data-class=File] td.col-StripThumbnail { background: transparent url(../images/treeicons/blue-document.png) no-repeat center; }

View File

@ -39,23 +39,10 @@
table.ss-gridfield-table {
td {
// Taken care of by minimum image sizes
padding-top: 0;
padding-bottom: 0;
&.bottom-all {
padding:0.7em;
}
}
td.col-StripThumbnail {
padding: 1px 5px;
width: 32px;
height: 32px;
img {
width: 32px;
height: 32px;
}
}
tr[data-class=Folder] {
td.col-StripThumbnail {
background: transparent url(../images/treeicons/blue-folder-horizontal.png) no-repeat center;