Bug 1586659 - [Protections Panel] Only color the anchor arrow when it's at the top. r=timhuang,johannh a=lizzard
authorNihanth Subramanya <nhnt11@gmail.com>
Mon, 07 Oct 2019 10:40:36 +0300
changeset 555574 ce231a76c7bbbc9910384c87a774bc81cf2a4e75
parent 555573 14d183a559e0c667e43c904e4740d657dcd92de9
child 555575 a1e98c104fbd009e607ffd4d648b1d8017d7c551
push id2165
push userffxbld-merge
push dateMon, 14 Oct 2019 16:30:58 +0000
treeherdermozilla-release@0eae18af659f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstimhuang, johannh, lizzard
bugs1586659
milestone70.0
Bug 1586659 - [Protections Panel] Only color the anchor arrow when it's at the top. r=timhuang,johannh a=lizzard Differential Revision: https://phabricator.services.mozilla.com//D48298
browser/themes/shared/controlcenter/panel.inc.css
--- a/browser/themes/shared/controlcenter/panel.inc.css
+++ b/browser/themes/shared/controlcenter/panel.inc.css
@@ -248,21 +248,21 @@
 }
 
 #protections-popup > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow {
   transition-property: fill;
   transition-timing-function: var(--animation-easing-function);
   transition-duration: var(--panelui-subview-transition-duration);
 }
 
-#protections-popup[mainviewshowing] > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow {
+#protections-popup[mainviewshowing] > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side=top] {
   fill: #0A51BF;
 }
 
-:root[lwt-popup-brighttext] #protections-popup[mainviewshowing] > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow {
+:root[lwt-popup-brighttext] #protections-popup[mainviewshowing] > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side=top] {
   fill: #0CB0F5;
 }
 
 #protections-popup-mainView-panel-header-section {
   color: white;
   background: radial-gradient(circle at top right, #9059FF, #0250BB);
 }