refactor(contentTop): use ui-bootstrap for drop downs

pull/3/head
alex 2016-01-20 18:44:09 +03:00
parent 9120827646
commit c231ae22a4
3 changed files with 21 additions and 21 deletions

View File

@ -1,12 +1,12 @@
<ul class="al-msg-center clearfix">
<li class="dropdown">
<a href class="dropdown-toggle" data-toggle="dropdown">
<li uib-dropdown>
<a href uib-dropdown-toggle>
<i class="fa fa-bell-o"></i><span>5</span>
<div class="notification-ring"></div>
</a>
<div class="dropdown-menu top-dropdown-menu">
<div uib-dropdown-menu class="top-dropdown-menu">
<i class="dropdown-arr"></i>
<div class="header clearfix">
@ -26,12 +26,12 @@
<a href>See all notifications</a>
</div>
</li>
<li class="dropdown">
<a href class="msg dropdown-toggle" data-toggle="dropdown">
<li uib-dropdown>
<a href class="msg" uib-dropdown-toggle>
<i class="fa fa-envelope-o"></i><span>5</span>
<div class="notification-ring"></div>
</a>
<div class="dropdown-menu top-dropdown-menu">
<div uib-dropdown-menu class="top-dropdown-menu">
<i class="dropdown-arr"></i>
<div class="header clearfix">
<strong>Messages</strong>

View File

@ -8,23 +8,23 @@
</div>
<div class="user-profile clearfix">
<div class="al-user-profile dropdown">
<a href class="dropdown-toggle" data-toggle="dropdown">
<div class="al-user-profile" uib-dropdown>
<a uib-dropdown-toggle>
<img ng-src="{{::( 'Nasta' | profilePicture )}}">
</a>
<div class="dropdown-menu top-dropdown-menu profile-dropdown">
<i class="dropdown-arr"></i>
<a href="#/profile"><i class="fa fa-user"></i>Profile</a>
<a href><i class="fa fa-cog"></i>Settings</a>
<a href class="signout"><i class="fa fa-power-off"></i>Sign out</a>
</div>
<ul class="top-dropdown-menu profile-dropdown" uib-dropdown-menu>
<li><i class="dropdown-arr"></i></li>
<li><a href="#/profile"><i class="fa fa-user"></i>Profile</a></li>
<li><a href><i class="fa fa-cog"></i>Settings</a></li>
<li><a href class="signout"><i class="fa fa-power-off"></i>Sign out</a></li>
</ul>
</div>
<msg-center></msg-center>
<a href class="refresh-data"><i class="fa fa-refresh"></i></a>
<div class="dropdown al-skin-dropdown">
<a href class="dropdown-toggle icon-palette" data-toggle="dropdown"></a>
<div class="dropdown-menu dropdown-menu-right" tpl-skin-panel></div>
<div class="al-skin-dropdown" uib-dropdown>
<a href class=" icon-palette" uib-dropdown-toggle></a>
<div class=" dropdown-menu-right" uib-dropdown-menu tpl-skin-panel></div>
</div>
</div>
</div>

View File

@ -203,14 +203,14 @@
&.profile-dropdown {
width: 145px;
top: 47px;
top: 55px;
right: -25px;
& > a {
a {
text-align: left;
border: none;
text-decoration: none;
color: $default-text;
padding-left: 16px;
padding: 4px 16px 4px 20px;
&.signout {
border-top: 1px solid $border-light;
}
@ -222,7 +222,7 @@
}
}
i.dropdown-arr {
right: 33px;
right: 25px;
}
}