From 2019da3752eff916bbfda2e6fcb6bb55d2173b13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Barbeau?= <marc-andre.barbeau@gmail.com>
Date: Wed, 28 Oct 2020 12:11:39 -0400
Subject: [PATCH] fix(actionbar): chevrons are now relative to igo div

---
 .../lib/action/actionbar/actionbar.component.scss   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/common/src/lib/action/actionbar/actionbar.component.scss b/packages/common/src/lib/action/actionbar/actionbar.component.scss
index 0d2efa43c7..4ef849dd66 100644
--- a/packages/common/src/lib/action/actionbar/actionbar.component.scss
+++ b/packages/common/src/lib/action/actionbar/actionbar.component.scss
@@ -76,13 +76,24 @@ igo-actionbar-item ::ng-deep mat-list-item:hover {
 }
 
 #topChevron {
-  position: fixed;
+  position: sticky;
+  top: 0;
   background-color: white;
   z-index: 3;
+
+  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+    position: fixed;
+    top: unset;
+  }
+  @supports (-ms-accelerator:true) {
+    position: fixed;
+    top: unset;
+  }
 }
 
 #lowChevron {
   position: fixed;
+  position: sticky;
   bottom: 0;
   background-color: white;
   z-index: 3;