Fix: webpart title inherit color

Author: estruyf

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "engines": {
     "node": ">=0.10.0"
   },

src/controls/webPartTitle/WebPartTitle.module.scss

@@ -8,6 +8,7 @@
     background-color: transparent;
     border: none;
     box-sizing: border-box;
+    color: inherit;
     display: block;
     font-family: inherit;
     font-size: inherit;

src/controls/webPartTitle/WebPartTitle.tsx

@@ -42,7 +42,7 @@ export class WebPartTitle extends React.Component<IWebPartTitleProps, {}> {
    */
   public render(): React.ReactElement<IWebPartTitleProps> {
     return (
-      <div className={`${styles.webPartTitle} ${this.props.className}` }>
+      <div className={`${styles.webPartTitle} ${this.props.className ? this.props.className : ''}` }>
         {
           this.props.displayMode === DisplayMode.Edit && <textarea placeholder={strings.WebPartTitlePlaceholder} aria-label={strings.WebPartTitleLabel} onChange={this._onChange} defaultValue={this.props.title}></textarea>
         }
@@ -54,12 +54,3 @@ export class WebPartTitle extends React.Component<IWebPartTitleProps, {}> {
     );
   }
 }
-
-
-
-
-
-
-/*
-
-*/