From 1be434b437dc4463803efcb78820c4dd67bfdd5d Mon Sep 17 00:00:00 2001
From: Neal <nstanard@gmail.com>
Date: Wed, 12 Apr 2017 11:01:42 -0500
Subject: [PATCH] fix(components): add css pseudo-selector for dropdown arrow 
 (#848)

---
 src/app/theme/components/baPageTop/baPageTop.html |  1 -
 src/app/theme/components/baPageTop/baPageTop.scss | 14 ++++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/app/theme/components/baPageTop/baPageTop.html b/src/app/theme/components/baPageTop/baPageTop.html
index 1c6b660d..d66c1b29 100644
--- a/src/app/theme/components/baPageTop/baPageTop.html
+++ b/src/app/theme/components/baPageTop/baPageTop.html
@@ -14,7 +14,6 @@
         <img src="{{ ( 'Nasta' | baProfilePicture ) }}">
       </a>
       <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-cog"></i>Settings</a></li>
         <li class="dropdown-item"><a href class="signout"><i class="fa fa-power-off"></i>Sign out</a></li>
diff --git a/src/app/theme/components/baPageTop/baPageTop.scss b/src/app/theme/components/baPageTop/baPageTop.scss
index e1fe1699..46c71d46 100644
--- a/src/app/theme/components/baPageTop/baPageTop.scss
+++ b/src/app/theme/components/baPageTop/baPageTop.scss
@@ -57,6 +57,20 @@ a.al-logo:hover {
   border: 0;
   opacity: 1;
   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 {
     display: block;
   }