SVG в Мобильном Меню

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

exid
exid
Репутация: 0
Сообщения: 12
Зарегистрирован: 26.10.2018
С нами: 3 года 1 месяц

Сообщение #1 exid » 21.11.2021, 00:02

При загрузке в категории каталога изображений в формате SVG, в мобильном меню они отображаются не корректно (не ровно и обрезано).
В связи с этим прошу изменить шаблон мобильного меню mobile_menu.tpl с

Код: Выделить всё

{if $c->image}
<span class="nav-icon"><img src="{$c->image|resize:20:20:false:$config->resized_categories_dir}" alt="{$c->name|escape}" /></span>{/if}

на

Код: Выделить всё

{if $c->image}
{if strtolower(pathinfo($c->image, $smarty.const.PATHINFO_EXTENSION)) == 'svg'}
<span class="nav-icon">{$c->image|read_svg:$config->original_categories_dir}</span>
{else}
<span class="nav-icon"><img src="{$c->image|resize:20:20:false:$config->resized_categories_dir}" alt="{$c->name|escape}" /></span>
{/if}
{/if}


а так же добавить стиль в mobile_menu.css

Код: Выделить всё

.hc-offcanvas-nav .nav-icon svg{width:100%;height:100%;margin-right:auto}

Название раздела: Предложения по улучшению OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Предложения по улучшению OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 3 гостя