TPS
/
ORIENT
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lazyload top navigation icons - refs #4562

This commit is contained in:
Samuel Georges 2019-09-21 13:12:49 +10:00
parent b60adf2952
commit b37641e94d
3 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
modules/backend/assets/css/october.css
View File

@ -685,7 +685,7 @@ nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-preview a {position:relative
nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account {margin-right:0} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account {margin-right:0}
nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account >a {padding:0 15px 0 10px;font-size:13px;position:relative} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account >a {padding:0 15px 0 10px;font-size:13px;position:relative}
nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account.highlight >a {z-index:600} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account.highlight >a {z-index:600}
nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account img.account-avatar {width:45px} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account img.account-avatar {width:45px;height:45px}
nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account .account-name {margin-right:15px} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account .account-name {margin-right:15px}
nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account ul {line-height:23px} nav#layout-mainmenu ul.mainmenu-toolbar li.mainmenu-account ul {line-height:23px}
html.svg nav#layout-mainmenu img.svg-icon, html.svg nav#layout-mainmenu img.svg-icon,

1
modules/backend/assets/less/layout/mainmenu.less
View File

@ -214,6 +214,7 @@ nav#layout-mainmenu {
img.account-avatar { img.account-avatar {
width: 45px; width: 45px;
height: 45px;
} }
.account-name { .account-name {

8
modules/backend/layouts/_mainmenu.htm
View File

@ -24,7 +24,9 @@
<a href="<?= $item->url ?>"> <a href="<?= $item->url ?>">
<span class="nav-icon"> <span class="nav-icon">
<?php if ($item->iconSvg): ?> <?php if ($item->iconSvg): ?>
<img class="svg-icon" src="<?= Url::asset($item->iconSvg) ?>"> <img
src="<?= Url::asset($item->iconSvg) ?>"
class="svg-icon" loading="lazy" width="30" height="30" />
<?php endif ?> <?php endif ?>
<i class="<?= $item->iconSvg ? 'svg-replace' : null ?> <?= $item->icon ?>"></i> <i class="<?= $item->iconSvg ? 'svg-replace' : null ?> <?= $item->icon ?>"></i>
@ -60,7 +62,9 @@
<a <a
href="javascript:;" onclick="$.oc.layout.toggleAccountMenu(this)" href="javascript:;" onclick="$.oc.layout.toggleAccountMenu(this)"
title="<?= e(trans('backend::lang.account.signed_in_as', ['full_name' => $this->user->full_name])) ?>"> title="<?= e(trans('backend::lang.account.signed_in_as', ['full_name' => $this->user->full_name])) ?>">
<img src="<?= $this->user->getAvatarThumb(90, ['mode' => 'crop', 'extension' => 'png']) ?>" class="account-avatar" /> <img
src="<?= $this->user->getAvatarThumb(90, ['mode' => 'crop', 'extension' => 'png']) ?>"
class="account-avatar" loading="lazy" width="90" height="90" />
</a> </a>
<div class="mainmenu-accountmenu"> <div class="mainmenu-accountmenu">
<ul> <ul>