feat(Progress): add single line progress handling and example (#1335)

* feat(Progress): add single line progress handling and example * feat(Progress): handle empty string title as well in addition to null title * fix(Progress): fix title default * fix(Progress): remove extra title assignment
patternfly · Feb 18, 2019 · 592ffdb · 592ffdb
1 parent eecc4cf
commit 592ffdb
Show file tree

Hide file tree

Showing 4 changed files with 73 additions and 60 deletions.
diff --git a/packages/patternfly-4/react-core/src/components/Progress/Progress.docs.js b/packages/patternfly-4/react-core/src/components/Progress/Progress.docs.js
@@ -12,6 +12,7 @@ import ProgressWithoutMeasure from './examples/ProgressWithoutMeasure';
 import SmallProgress from './examples/SmallProgress';
 import ProgressWithDynamicDescription from './examples/ProgressWithDynamicDescription';
 import LabeledProgress from './examples/LabeledProgress';
+import SingleLineProgress from './examples/SingleLineProgress';
 
 export default {
   title: 'Progress',
@@ -34,6 +35,7 @@ export default {
     { component: ProgressFailure, title: 'Progress Failure' },
     { component: ProgressInsideSuccess, title: 'Progress Inside Success' },
     { component: ProgressOutsideFailure, title: 'Progress Outside Failure' },
+    { component: SingleLineProgress, title: 'Progress on Single Line' },
     { component: ProgressWithoutMeasure, title: 'Progress Without Measure' },
     { component: ProgressFailureWithoutMeasure, title: 'Progress Failure Without Measure' },
     { component: ProgressWithDynamicDescription, title: 'Progress with Dynamic Description' }

diff --git a/packages/patternfly-4/react-core/src/components/Progress/Progress.js b/packages/patternfly-4/react-core/src/components/Progress/Progress.js
@@ -82,6 +82,7 @@ class Progress extends Component {
           getModifier(styles, variant, ''),
           getModifier(styles, measureLocation, ''),
           getModifier(styles, measureLocation === ProgressMeasureLocation.inside ? ProgressSize.lg : size, ''),
+          !title && getModifier(styles, 'singleline', ''),
           className
         )}
         id={this.id}