notifications-drawer.html in patternfly-sass-3.5.0

- old
+ new

@@ -184,10 +184,13 @@
     <span class="time">12:12:44 PM</span>
   </div>
 </div>
 
             </div>
+            <div class="drawer-pf-action">
+              <button class="btn btn-link btn-block"">Mark All Read</button>
+            </div>
           </div>
         </div>
         <div class="panel panel-default">
           <div class="panel-heading" data-component="collapse-heading">
             <h4 class="panel-title">
@@ -456,10 +459,13 @@
 
               <div class="drawer-pf-loading text-center">
                 <span class="spinner spinner-xs spinner-inline"></span> Loading More
               </div>
             </div>
+            <div class="drawer-pf-action">
+              <button class="btn btn-link btn-block"">Mark All Read</button>
+            </div>
           </div>
         </div>
         <div class="panel panel-default">
           <div class="panel-heading" data-component="collapse-heading">
             <h4 class="panel-title">
@@ -725,16 +731,16 @@
     <span class="time">12:12:44 PM</span>
   </div>
 </div>
 
             </div>
+            <div class="drawer-pf-action">
+              <button class="btn btn-link btn-block"">Mark All Read</button>
+            </div>
           </div>
         </div>
       </div>
-      <div class="drawer-pf-action">
-        <button class="btn btn-link">Mark All Read</button>
-      </div>
     </div>
   </nav>
 </nav> <!--/.navbar-->
 <script>
   $(document).ready(function() {
@@ -743,24 +749,36 @@
       var $drawer = $('.drawer-pf');
 
       $(this).toggleClass('open');
       if ($drawer.hasClass('hide')) {
         $drawer.removeClass('hide');
-          $('#notification-drawer-accordion').initCollapseHeights();
+        setTimeout(function () {
+          if (window.dispatchEvent) {
+            window.dispatchEvent(new Event('resize'));
+          }
+          // Special case for IE
+          if ($(document).fireEvent) {
+            $(document).fireEvent('onresize');
+          }
+        }, 100);
       } else {
         $drawer.addClass('hide');
       }
     });
     // Mark All Read
-    $('.drawer-pf-action .btn').click(function() {
-      $('.drawer-pf').find('.unread').removeClass('unread');
+    $('.panel-collapse').each(function (index, panel) {
+      var $panel = $(panel);
+      $panel.on('click', '.drawer-pf-action .btn', function() {
+        $panel.find('.unread').removeClass('unread');
+      });
     });
 
-    $('#notification-drawer-accordion').initCollapseHeights();
+    $('#notification-drawer-accordion').initCollapseHeights('.panel-body');
   });
 </script>
 
+
   <div class="nav-pf-vertical nav-pf-vertical-with-secondary-nav">
 
   <ul class="list-group">
     <li class="list-group-item active">
       <a href="#">
@@ -1451,10 +1469,10 @@
 
       var chart1 = c3.generate(donutConfig);
       var donutChartTitle = d3.select("#chart-pf-donut-4").select('text.c3-chart-arcs-title');
       donutChartTitle.text("");
       donutChartTitle.insert('tspan').text("1100").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
-      donutChartTitle.insert('tspan').text("Gpbs Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
+      donutChartTitle.insert('tspan').text("Gbps Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
 
       var sparklineConfig = c3ChartDefaults.getDefaultSparklineConfig();
       sparklineConfig.bindto = '#chart-pf-sparkline-4';
       sparklineConfig.data = {
         columns: [