Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 16:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(components): add css pseudo-selector for dropdown arrow (#848)

Browse source
This commit is contained in:
Neal 2017-04-12 11:01:42 -05:00 • committed by Lex Zhukov
parent bb6ecd320a
commit 1be434b437
2 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/app/theme/components/baPageTop/baPageTop.html
View file

@ -14,7 +14,6 @@
<img src="{{ ( 'Nasta' | baProfilePicture ) }}"> <img src="{{ ( 'Nasta' | baProfilePicture ) }}">
</a> </a>
<ul class="dropdown-menu top-dropdown-menu profile-dropdown" aria-labelledby="user-profile-dd"> <ul class="dropdown-menu top-dropdown-menu profile-dropdown" aria-labelledby="user-profile-dd">
<li class="dropdown-item"><i class="dropdown-arr"></i></li>
<li class="dropdown-item"><a href><i class="fa fa-user"></i>Profile</a></li> <li class="dropdown-item"><a href><i class="fa fa-user"></i>Profile</a></li>
<li class="dropdown-item"><a href><i class="fa fa-cog"></i>Settings</a></li> <li class="dropdown-item"><a href><i class="fa fa-cog"></i>Settings</a></li>
<li class="dropdown-item"><a href class="signout"><i class="fa fa-power-off"></i>Sign out</a></li> <li class="dropdown-item"><a href class="signout"><i class="fa fa-power-off"></i>Sign out</a></li>

14
src/app/theme/components/baPageTop/baPageTop.scss
View file

@ -57,6 +57,20 @@ a.al-logo:hover {
border: 0; border: 0;
opacity: 1; opacity: 1;
position: relative; position: relative;
ul.profile-dropdown:after {
bottom: 100%;
right: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 10px;
margin-right: 28px;
}
a { a {
display: block; display: block;
} }