XF 1.5 смайлы & блок смайлов

[Futhark]

Предыдущую тему закрыли, но основным вопросом там был:

Столкнулся с проблемой, используя стикеры на форуме, их очень неудобно скроллить в маленьком окне.
Пока что решил эту проблему resize'ом смайлов с 500px до 200px.
есть ли возможность увеличить блок где отображаются смайлы, либо уменьшить спрайты показываемые только в этом окне?

Требуемые задачи:
Увеличить блок с отображаемыми смайлами,
или уменьшит сам размер "спрайтов" в данном блоке, не уменьшая фактического размера смайлов.

В идеале второе, т.к. для мобильных это будет гораздо лучше

 

[Skaiman]

шаблон editor_ui.css

        .redactor_box .redactor_smilies .smilieContainer
        {
            max-height: 150px;
            overflow: auto;
        }

это окно, max-height: 150px;, максимальная высота, можно не трогая в шаблоне, указать в EXTRA.css

.redactor_box .redactor_smilies .smilieContainer {
    max-height: 350px;
}

изменить размер в окне для спрайтов не получится, так как у них указывается позиция и изменив (уменьшив) размер, будут обрезаться, а для отдельных изображений можно попробовать установить максимальную ширину и высоту

.redactor_box .redactor_smilies .smilieCategory li img {
    max-width: 24px;
    max-height: 24px;
}

или одно из них, например ширину, второе будет изменятся пропорционально.
Но все таки :) советую отказаться от огромных смайлов, просто напросто :)

Можно еще пойти дальше и сделать адаптивное уменьшение изображений

<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth) {
        .redactor_box .redactor_smilies .smilieCategory li img {
            max-width: 250px;
            max-height: 250px;
        }
    }

    @media (max-width:@maxResponsiveMediumWidth) {
        .redactor_box .redactor_smilies .smilieCategory li img {
            max-width: 125px;
            max-height: 125px;
        }
    }

    @media (max-width:@maxResponsiveNarrowWidth) {
        .redactor_box .redactor_smilies .smilieCategory li img {
            max-width: 60px;
            max-height: 60px;
        }
    }
</xen:if>

Но все это теория, надо проверять, не могу так как нет огромных смайлов :)

 

[Futhark]

шаблон editor_ui.css

Не работает ни для UI.X ни для Flat Awesome

, максимальная высота, можно не трогая в шаблоне, указать в EXTRA.css

ИДЕАЛЬНО! но задействуется только для темы Flat Awesome.

Можно еще пойти дальше и сделать адаптивное уменьшение изображений

Это тоже не работает

Еееееееее
сделал.
Там просто для каждого стиля свои шаблон