feat(notifications): alert notifications badges no longer need modifi…

…er classes [#97701618]
pivotal-cf · Jul 1, 2015 · f4b963c · f4b963c
1 parent 1b94fdd
commit f4b963c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/pivotal-ui-react/notifications/notifications.js b/src/pivotal-ui-react/notifications/notifications.js
@@ -86,10 +86,10 @@ var Notifications = React.createClass({
 var AlertNotifications = React.createClass({
   render() {
     var {children} = this.props;
-    var badge = children ? <Icon name="exclamation-triangle" className="dropdown-notifications-alert h4 type-warn-2"></Icon> : null;
+    var badge = children ? <Icon name="exclamation-triangle" className="dropdown-notifications-alert"></Icon> : null;
     var dropdownTitle = (
       <div className="dropdown-notifications-title">
-        <i className="fa fa-bell type-neutral-6 fa-h2 mvn"></i>
+        <i className="fa fa-bell"></i>
         {badge}
       </div>
     );

diff --git a/src/pivotal-ui/components/dropdowns/dropdowns.scss b/src/pivotal-ui/components/dropdowns/dropdowns.scss
@@ -276,7 +276,7 @@ This is a notification dropdown with alerts.
   <button data-toggle="dropdown" class="dropdown-toggle btn btn-link" type="button">
     <div class="dropdown-notifications-title">
       <i class="fa fa-bell"></i>
-      <i class="fa fa-exclamation-triangle dropdown-notifications-alert type-warn-2"></i>
+      <i class="fa fa-exclamation-triangle dropdown-notifications-alert"></i>
     </div>
   </button>
   <ul class="dropdown-menu" role="menu">
@@ -364,6 +364,7 @@ This is a notification dropdown with alerts.
   position: absolute;
   top: -6px;
   right: 6px;
+  color: $notifications-alert-default-color;
 }
 
 .dropdown-notifications-list {

diff --git a/src/pivotal-ui/components/pui-variables.scss b/src/pivotal-ui/components/pui-variables.scss
@@ -498,6 +498,7 @@ $notifications-bell-default-size:     $font-size-h2;
 $notifications-bell-default-color:    $neutral-6;
 $notifications-badge-default-bg:      $brand-3;
 $notifications-badge-font-wieght:     900;
+$notifications-alert-default-color:   $warn-2;
 
 
 // COMPONENT VARIABLES