From e8304192341eac2bb704520ee340b85da45abd3f Mon Sep 17 00:00:00 2001
From: benmanley <info@benmanley.org>
Date: Wed, 23 Apr 2014 21:38:12 +0100
Subject: [PATCH] fix(toolbar): use :before to prevent popover conflict

Use :before instead of :after to prevent custom styles conflicting with
Bootstrap popovers.
---
 public/css/global-modules.styl | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/public/css/global-modules.styl b/public/css/global-modules.styl
index 56d75b5d87..fcdd352a85 100644
--- a/public/css/global-modules.styl
+++ b/public/css/global-modules.styl
@@ -19,10 +19,10 @@ hrpg-button-color-mixin($hrpg-button-color)
       color: darken($hrpg-button-color, 61.8%) 
       background-color: $hrpg-button-color
       border-color: darken($hrpg-button-color, 16.18%)
-    > ul:first-child:after, > div:first-child:after
+    > ul:first-child:before, > div:first-child:before
       background-color: #fff
       border-color: darken($hrpg-button-color, 16.18%)
-    h4:after
+    h4:before
       background-color: $hrpg-button-color
       border-color: darken($hrpg-button-color, 16.18%)
     ul
@@ -99,7 +99,7 @@ $hrpg-modal-dropdown
       width: 96%
       height: 96%
       box-shadow: 0 0 0 30px rgba(0,0,0,0.63)
-      h4:after
+      h4:before
         display: none
       > div
         height: 80%
@@ -133,7 +133,7 @@ $hrpg-modal-dropdown
         padding: 0.618em 1em
     ul:first-of-type
       border: none
-    > ul:first-child:after, > div:first-child:after, h4:after
+    > ul:first-child:before, > div:first-child:before, h4:before
       content:''
       position:absolute
       top:-9px
@@ -150,14 +150,14 @@ $hrpg-modal-dropdown-left
   @media screen and (min-width:768px)
     div
       right: 0px
-      > ul:first-child:after, > div:first-child:after, h4:after
+      > ul:first-child:before, > div:first-child:before, h4:before
         right: 1em
 $hrpg-modal-dropdown-right
   @extend $hrpg-modal-dropdown
   @media screen and (min-width:768px)
     div
       left: 0px
-      > ul:first-child:after, > div:first-child:after, h4:after
+      > ul:first-child:before, > div:first-child:before, h4:before
         left: 1em
 $hrpg-modal-controls
   text-align: right