fix(popupreply): Fix IE11 footer layered above collabs (#613)

Conrad Chan · mergify[bot] · web-flow · commit 48096990f302 · 2020-10-02T17:16:17.000Z
* fix(popupreply): Fix IE11 footer layered above collabs

* chore: address pr comment

Co-authored-by: mergify[bot] &lt;37929162+mergify[bot]@users.noreply.github.com&gt;
diff --git a/src/components/Popups/PopupBase.scss b/src/components/Popups/PopupBase.scss
@@ -23,6 +23,10 @@
             // stylelint-disable-next-line declaration-no-important
             max-height: 140px !important; // Prevent list overflow onto subsequent pages in IE11
         }
+
+        .ba-ReplyForm {
+            opacity: .99; // Creates a new stacking context so that the collaborators list shows on top of the ba-Popup-footer
+        }
     }
 
     .ba-Popup-content {

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,10 @@`
`23`	`23`	`// stylelint-disable-next-line declaration-no-important`
`24`	`24`	`max-height: 140px !important; // Prevent list overflow onto subsequent pages in IE11`
`25`	`25`	`}`
	`26`	`+`
	`27`	`+ .ba-ReplyForm {`
	`28`	`+ opacity: .99; // Creates a new stacking context so that the collaborators list shows on top of the ba-Popup-footer`
	`29`	`+ }`
`26`	`30`	`}`
`27`	`31`
`28`	`32`	`.ba-Popup-content {`