Minor design update in the user menu.
This commit is contained in:
alekseybobkov
parent
a1ac5edbf7
commit
4feb64fef3
|
|
@ -2283,7 +2283,7 @@ nav#layout-mainmenu.navbar ul li.icon a{padding:14px}
|
|||
nav#layout-mainmenu.navbar ul li.power-off i,nav#layout-mainmenu.navbar ul li.preview i{font-size:20px}
|
||||
nav#layout-mainmenu.navbar ul li.power-off a,nav#layout-mainmenu.navbar ul li.preview a{padding:22px 20px 20px 20px}
|
||||
nav#layout-mainmenu.navbar ul li.account{margin-right:0;line-height:23px}
|
||||
nav#layout-mainmenu.navbar ul li.account a{padding-left:35px;padding-right:5px;position:relative;z-index:900}
|
||||
nav#layout-mainmenu.navbar ul li.account a{padding-right:20px;position:relative;z-index:900}
|
||||
nav#layout-mainmenu.navbar ul li.account img{width:25px;margin-right:7px;position:relative;top:-2px}
|
||||
nav#layout-mainmenu.navbar ul.nav{display:inline-block}
|
||||
nav#layout-mainmenu.navbar .menu-toggle{display:none}
|
||||
|
|
@ -2293,14 +2293,14 @@ nav#layout-mainmenu.navbar .toolbar-item:before{left:-12px}
|
|||
nav#layout-mainmenu.navbar .toolbar-item:after{right:-12px}
|
||||
nav#layout-mainmenu.navbar .toolbar-item.scroll-active-before:before{color:#ffffff}
|
||||
nav#layout-mainmenu.navbar .toolbar-item.scroll-active-after:after{color:#ffffff}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu{position:fixed;top:63px;right:0;width:225px;background:#3d3d3d;z-index:900;display:none}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu{position:fixed;top:63px;right:0;width:225px;background:#2b3e50;z-index:900;display:none}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu.active{display:block}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after{content:'';display:block;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:12px solid #3d3d3d;right:101px;top:-12px;position:absolute}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu ul{padding:12px 30px;float:none;display:block}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li{padding:0;font-weight:200;text-align:left;display:block}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li a{display:block;padding:9px 0;text-align:left;opacity:.9}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li a:hover{opacity:.6}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li.divider{height:1px;width:100%;margin:9px 0;overflow:hidden;background-color:transparent;border-top:1px solid #343434}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after{content:'';display:block;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:12px solid #2b3e50;right:40px;top:-12px;position:absolute}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu ul{float:none;display:block}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li{padding:0;margin:0;font-weight:400;text-align:left;display:block}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li a{display:block;padding:12px 30px;text-align:left}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li:hover{background:#3d5265 !important}
|
||||
nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu li.divider{height:1px;width:100%;background-color:#4b6372}
|
||||
@media (max-width:768px){nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu:after{right:71px}
|
||||
}
|
||||
nav#layout-mainmenu.navbar ul li a,nav#layout-mainmenu .menu-toggle,.mainmenu-collapsed li a{padding:14px 0;display:inline-block;font-size:14px;color:inherit;outline:none}
|
||||
|
|
|
|||
|
|
@ -64,8 +64,8 @@
|
|||
@color-mainmenu-active: #ffffff;
|
||||
@color-mainmenu-collapsed: #333333;
|
||||
|
||||
@color-accountmenu-bg: #3d3d3d;
|
||||
@color-accountmenu-divider: #343434;
|
||||
@color-accountmenu-bg: #2b3e50;
|
||||
@color-accountmenu-divider: #4b6372;
|
||||
|
||||
@color-footer: rgba(255,255,255,.8);
|
||||
@color-footer-border: #dfdfdf;
|
||||
|
|
|
|||
|
|
@ -64,8 +64,7 @@ nav#layout-mainmenu.navbar {
|
|||
line-height: 23px;
|
||||
|
||||
a {
|
||||
padding-left: 35px;
|
||||
padding-right: 5px;
|
||||
padding-right: 20px;
|
||||
position: relative;
|
||||
z-index: 900;
|
||||
}
|
||||
|
|
@ -110,41 +109,38 @@ nav#layout-mainmenu.navbar ul li .mainmenu-accountmenu {
|
|||
|
||||
&:after {
|
||||
.triangle(up, 22px, 12px, @color-accountmenu-bg);
|
||||
right: 101px;
|
||||
right: 40px;
|
||||
top: -12px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 12px 30px;
|
||||
float: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
li {
|
||||
padding: 0;
|
||||
font-weight: 200;
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
display: block;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 9px 0;
|
||||
padding: 12px 30px;
|
||||
text-align: left;
|
||||
opacity: .9;
|
||||
&:hover {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: #3d5265!important;
|
||||
}
|
||||
}
|
||||
|
||||
li.divider {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
margin: 9px 0;
|
||||
overflow: hidden;
|
||||
background-color: transparent;
|
||||
border-top: 1px solid @color-accountmenu-divider;
|
||||
background-color: @color-accountmenu-divider;
|
||||
}
|
||||
|
||||
@media (max-width: @screen-sm) {
|
||||
|
|
|
|||
|
|
@ -25,6 +25,14 @@
|
|||
</div>
|
||||
<div class="layout-cell width-fix">
|
||||
<ul>
|
||||
<li class="icon preview with-tooltip">
|
||||
<a
|
||||
href="<?= URL::to('/') ?>"
|
||||
target="_blank"
|
||||
title="<?= e(trans('backend::lang.tooltips.preview_website')) ?>">
|
||||
<i class="icon-crosshairs"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="highlight account">
|
||||
<a href="javascript:;" onclick="$.oc.layout.toggleAccountMenu(this)">
|
||||
<img src="<?= $this->user->getAvatarThumb() ?>">
|
||||
|
|
@ -34,13 +42,7 @@
|
|||
</a>
|
||||
<div class="mainmenu-accountmenu">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="<?= Backend::url('backend/auth/signout') ?>">
|
||||
<?= e(trans('backend::lang.account.sign_out')) ?>
|
||||
</a>
|
||||
</li>
|
||||
<?php foreach ($mySettings as $category => $items): ?>
|
||||
<li class="divider"></li>
|
||||
<?php foreach ($items as $item): ?>
|
||||
<li>
|
||||
<a href="<?= $item->url ?>">
|
||||
|
|
@ -48,19 +50,17 @@
|
|||
</a>
|
||||
</li>
|
||||
<?php endforeach ?>
|
||||
<li class="divider"></li>
|
||||
<?php endforeach ?>
|
||||
|
||||
<li>
|
||||
<a href="<?= Backend::url('backend/auth/signout') ?>">
|
||||
<?= e(trans('backend::lang.account.sign_out')) ?>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="icon preview with-tooltip">
|
||||
<a
|
||||
href="<?= URL::to('/') ?>"
|
||||
target="_blank"
|
||||
title="<?= e(trans('backend::lang.tooltips.preview_website')) ?>">
|
||||
<i class="icon-crosshairs"></i>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
Loading…
Reference in New Issue