Added support for classnames back in and minor spacing fix

patternfly · Oct 17, 2019 · d33a1cc · d33a1cc
1 parent cdc76c6
commit d33a1cc
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 16 deletions.
diff --git a/...fly-4/react-catalog-view-extension/src/components/CatalogItemHeader/CatalogItemHeader.tsx b/...fly-4/react-catalog-view-extension/src/components/CatalogItemHeader/CatalogItemHeader.tsx
@@ -1,4 +1,6 @@
 import * as React from 'react';
+import classNames from 'classnames';
+
 import { Omit } from '../../helpers/typeUtils';
 
 export interface CatalogItemHeaderProps extends
@@ -24,7 +26,7 @@ export const CatalogItemHeader: React.FunctionComponent<CatalogItemHeaderProps>
   ...props
 }: CatalogItemHeaderProps) => {
   return (
-    <header className={`catalog-item-header-pf ${className}`} {...props}>
+    <header className={classNames('catalog-item-header-pf' className)} {...props}>
       {iconImg && <img className="catalog-item-header-pf-icon" src={iconImg} alt="" />}
       {!iconImg && iconClass && <span className={`catalog-item-header-pf-icon ${iconClass}`} />}
       <div className="catalog-item-header-pf-text">

diff --git a/...t-catalog-view-extension/src/components/CatalogItemHeader/examples/catalogItemHeader.scss b/...t-catalog-view-extension/src/components/CatalogItemHeader/examples/catalogItemHeader.scss
@@ -1,29 +1,30 @@
 .ws-preview {
   .text-overflow-pf {
-    overflow:hidden;
-    text-overflow:ellipsis;
-    white-space:nowrap;
-    word-wrap:normal;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: normal;
   }
   .catalog-item-header-pf {
-    display:flex;
-    align-items:center;
+    display: flex;
+    align-items: center;
   }
   .catalog-item-header-pf-icon {
-    font-size:60px;
-    max-height:60px;
-    width:60px;
+    font-size: 60px;
+    max-height: 60px;
+    width: 60px;
   }
   .catalog-item-header-pf-text {
-    margin-left:20px;
+    margin-left: 20px;
   }
   .catalog-item-header-pf-title {
-    font-weight:400;
-    margin-bottom:0;
-    margin-top:0;
+    font-weight: 400;
+    margin-bottom: 0;
+    margin-top: 0;
   }
   .catalog-item-header-pf-subtitle {
-    color:#8b8d8f;
-    margin-bottom:0;
+    color: #8b8d8f;
+    font-size: small;
+    margin-bottom: 0;
   }
 }