Question

对于扩展，我创建了一个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中覆盖它不是一个很好的解决方案。例如，它使语言选择中的语言图标字段也更宽。

我找不到任何设置来设置自定义类或自定义样式或其他东西，以便我只能设置此字段的样式。

有什么想法吗？

TCA select-fileFolder backend.css设计

0 个答案: