对于扩展,我创建了一个 fileFolder 选择字段:
"image" => Array (
'label' => "LLL:EXT:my_collection/Resources/Private/Language/locallang_db.xlf:tx_mycollection_domain_model_mycollection.image",
'config' => Array (
'type' => 'select',
'items' => Array (
Array('',0),
),
'fileFolder' => 'produktbilder',
'fileFolder_extList' => 'jpg,jpeg',
'fileFolder_recursions' => 0,
'size' => 15,
'minitems' => 0,
'maxitems' => 1,
'renderType' => 'selectSingle',
),
),
有了这个,我得到了文件夹中所有文件的列表produktbilder
作为选择列表。当我选择一个时,我会在它旁边看到一个小图标。
问题是,这个图标太小了。backend.css 中有 2 个 CSS 指令导致此问题:
.input-group-icon {
width: 32px;
vertical-align: middle;
}
.input-group-icon img {
width: 100%;
max-height: 28px;
}
我现在想做的是用以下内容覆盖它:
.input-group-icon {
width: 150px;
}
.input-group-icon img {
max-height: none;
}
但是仅仅在 backend.css 中覆盖它并不是一个好的解决方案。例如,它也使语言选择中的语言图标字段更宽。
我找不到任何设置来设置自定义类或自定义样式或其他东西,以便我只能设置此字段的样式。
任何想法?