patternfly-sass 2.4.0 → 2.5.0

data/spec/html/popovers.html

@@ -40,52 +40,52 @@
       <hr>
       <p>Note: To display the close (X) icon in popovers, add data attribute <strong>data-close="true"</strong> to the trigger button element.</p>
       <div class="bs-example" style="margin-top: 40px;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on right with title and close button" data-close="true">Popover on right with title and close button</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on right with title and close button" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true">Popover on right with title and close button</a>
       </div>
       <div class="bs-example" style="margin-top: 40px;">
         <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Close icon with no Title text. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true">Popover on right with close button</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on right with title">Popover on right with title</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on right with title" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy.">Popover on right with title</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
         <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Empty Title example.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy.">Popover on right</a>
       </div>
       <hr>
       <div class="bs-example" style="margin-top: 40px;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on left with title and close button" data-close="true" data-placement="left">Popover on left with title and close button</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on left with title and close button" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true" data-placement="left">Popover on left with title and close button</a>
       </div>
       <div class="bs-example" style="margin-top: 40px;">
         <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Close icon with no Title text. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true" data-placement="left">Popover on left with close button</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on left with title" data-placement="left">Popover on left with title</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on left with title" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-placement="left">Popover on left with title</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
         <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Empty Title example.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-placement="left">Popover on left</a>
       </div>
       <hr>
       <div class="bs-example" style="margin-top: 40px;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on left with title and close button" data-close="true" data-placement="top">Popover on top with title and close button</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on left with title and close button" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true" data-placement="top">Popover on top with title and close button</a>
       </div>
       <div class="bs-example" style="margin-top: 40px;">
         <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Close icon with no Title text. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true" data-placement="top">Popover on top with close button</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on top with title" data-placement="top">Popover on top with title</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on top with title" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-placement="top">Popover on top with title</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Empty Title example.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-placement="top">Popover on top</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Empty Title example.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about dataa smartproxy." data-placement="top">Popover on top</a>
       </div>
       <hr>
       <div class="bs-example" style="margin-top: 40px;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on left with title and close button" data-close="true" data-placement="bottom">Popover on bottom with title and close button</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on left with title and close button" data-content="This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true" data-placement="bottom">Popover on bottom with title and close button</a>
       </div>
       <div class="bs-example" style="margin-top: 40px;">
         <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Close icon with no Title text. This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-close="true" data-placement="bottom">Popover on bottom with close button</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
-        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-original-title="Popover on bottom with title" data-placement="bottom">Popover on bottom with title</a>
+        <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="Popover on bottom with title" data-content="Popover with no Close icon.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-placement="bottom">Popover on bottom with title</a>
       </div>
       <div class="bs-example" style="margin: 40px 0;">
         <a href="#" class="btn btn-default" data-toggle="popover" data-html="true" title="" data-content="Empty Title example.<br>This is more information about a smartproxy. This is more information about a smartproxy. This is more information about a smartproxy." data-placement="bottom">Popover on bottom</a>
@@ -105,6 +105,7 @@
           $('[data-toggle=popover]').popovers()
         });
       </script>
+
     </div><!-- /container -->
   </body>
 </html>

data/spec/html/progress-bars.html

@@ -41,13 +41,13 @@
       <h2>Basic Example</h2>
       <div class="progress">
         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
-          <span class="sr-only">60% complete</span>
+          <span class="sr-only">60% Complete</span>
         </div>
       </div>
       <h2>With Label</h2>
       <div class="progress">
         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
-          <span>60% complete</span>
+          <span>60% Complete</span>
         </div>
       </div>
       <h2>Contextual Alternatives</h2>
@@ -115,23 +115,23 @@
       <h4>Small</h4>
       <div class="progress progress-sm">
         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
-          <span class="sr-only">60% complete</span>
+          <span class="sr-only">60% Complete</span>
         </div>
       </div>
       <div class="progress progress-sm progress-striped active">
         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
-          <span class="sr-only">60% complete</span>
+          <span class="sr-only">60% Complete</span>
         </div>
       </div>
       <h4>Extra Small</h4>
       <div class="progress progress-xs">
         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
-          <span class="sr-only">60% complete</span>
+          <span class="sr-only">60% Complete</span>
         </div>
       </div>
       <div class="progress progress-xs progress-striped active">
         <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
-          <span class="sr-only">60% complete</span>
+          <span class="sr-only">60% Complete</span>
         </div>
       </div>
       <h3>With Label</h3>
@@ -166,7 +166,7 @@
           <span>100%</span>
         </div>
       </div>
-      <h4>Top Left and Top Right</h4>
+      <h4>Top Left Description and Top Right Label</h4>
       <div class="progress-description">
         Network Capacity
       </div>
@@ -191,7 +191,6 @@
           <span>100%</span>
         </div>
       </div>
-
       <div class="progress-description">
         <span class="pficon pficon-ok" data-toggle="tooltip" data-placement="top" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span> <strong>Network Activity:</strong>  10.10.121.02
       </div>
@@ -218,6 +217,48 @@
           <span>10%</span>
         </div>
       </div>
+      <h4>Left Description</h4>
+      <div class="progress-container progress-description-left">
+        <div class="progress-description">
+          CPU
+        </div>
+        <div class="progress">
+          <div class="progress-bar" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" style="width: 5%;">
+            <span class="sr-only"><strong>25 of 460</strong> MHz</span>
+          </div>
+        </div>
+      </div>
+      <div class="progress-container progress-description-left">
+        <div class="progress-description">
+          Network Capacity
+        </div>
+        <div class="progress">
+          <div class="progress-bar" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" style="width: 5%;">
+            <span class="sr-only"><strong>250 of 4600</strong> MHz</span>
+          </div>
+        </div>
+      </div>
+      <h4>Left Description and Right Label</h4>
+      <div class="progress-container progress-description-left progress-label-right">
+        <div class="progress-description">
+          CPU
+        </div>
+        <div class="progress">
+          <div class="progress-bar" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" style="width: 5%;">
+          <span><strong>25 of 460</strong> MHz</span>
+          </div>
+        </div>
+      </div>
+      <div class="progress-container progress-description-left progress-label-right">
+        <div class="progress-description">
+          Network Capacity
+        </div>
+        <div class="progress">
+          <div class="progress-bar" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" style="width: 5%;">
+          <span><strong>250 of 4600</strong> MHz</span>
+          </div>
+        </div>
+      </div>
       <h3>In Table Cell</h3>
       <table class="table table-bordered table-striped">
         <thead>
@@ -264,9 +305,19 @@
         </tbody>
       </table>
       <h3>With Tooltip</h3>
+      <h4>On Filled Bar</h4>
       <div class="progress">
-        <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;" data-toggle="tooltip" title="60%">
-          <span class="sr-only">60% complete</span>
+        <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;" data-toggle="tooltip" title="60% Used">
+          <span class="sr-only">60% Used</span>
+        </div>
+      </div>
+      <h4>On Filled Bar and Negative Space</h4>
+      <div class="progress">
+        <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;" data-toggle="tooltip" title="60% Used">
+          <span class="sr-only">60% Used</span>
+        </div>
+        <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;" data-toggle="tooltip" title="40% Available">
+          <span class="sr-only">40% Available</span>
         </div>
       </div>
       <script>

data/spec/html/spinner.html

@@ -61,9 +61,14 @@
         <div class="spinner spinner-xs spinner-inline"></div>
         Inside a &lt;p&gt;
       </p>
+      <h2>On black</h2>
+      <div style="background-color: black; padding: 15px; width: 100px; margin-bottom: 10px;">
+        <div class="spinner spinner-inverse"></div>
+      </div>
       <p class="text-info">
         <strong>Note:</strong>  IE9 requires a conditional class on &lt;html&gt; in order to display an animated gif fallback as it doesn't support CSS animation.  View source on this page and see lines 2-5.
       </p>
+
     </div><!-- /container -->
   </body>
 </html>

data/spec/html/tooltip.html

@@ -39,17 +39,17 @@
       </div>
       <hr>
       <div class="tooltip-demo">
-        <a href="#" class="btn btn-default" data-toggle="tooltip" data-original-title="Caribbean Monk Seal, Barbary Lion, Seaside Sparrow">Caribbean Monk Seal, Barbary L...</a>
+        <a href="#" class="btn btn-default" data-toggle="tooltip" title="Caribbean Monk Seal, Barbary Lion, Seaside Sparrow">Caribbean Monk Seal, Barbary L...</a>
       </div>
       <br>
       <h2>Tooltip Directions</h2>
       <div class="tooltip-demo">
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pretium mi at ante luctus dapibus. Fusce in tempus felis. Suspendisse tristique diam vel.</p>
         <div class="bs-example-tooltips">
-          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Tooltip on left</button>
+          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
           <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
           <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
-          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right">Tooltip on right</button>
+          <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
         </div>
         <p style="margin-top: 10px;">Suspendisse tristique diam vel hendrerit aliquet. Vestibulum laoreet nisi ac egestas porttitor. Donec tempus elit convallis.</p>
       </div>
@@ -62,6 +62,7 @@
           });
         });
       </script>
+
     </div><!-- /container -->
   </body>
 </html>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: patternfly-sass
 version: !ruby/object:Gem::Version
-  version: 2.4.0
+  version: 2.5.0
 platform: ruby
 authors:
 - Dávid Halász
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-10-14 00:00:00.000000000 Z
+date: 2015-10-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -157,14 +157,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.10.7
+        version: 1.10.9
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.10.7
+        version: 1.10.9
 - !ruby/object:Gem::Dependency
   name: rails-assets-datatables-colreorder
   requirement: !ruby/object:Gem::Requirement