jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/theme/components/msgCenter/msgCenter.html
View File

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

22
src/app/theme/components/pageTop/pageTop.html
View File

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

8
src/sass/theme/components/_msgCenter.scss
View File

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