Merge pull request #8 from Financial-Times/feature/update-forms

Updating module and title

bower.json

@@ -23,16 +23,18 @@
    "dependencies": {
      "o-header-services" : "~1.1.0",
      "o-icons": "~4.4.2",
-     "o-forms": "~2.0.3",
+     "o-forms": "~3.5.0",
      "o-viewport": "~2.2.0",
      "ftdomdelegate": "~2.0.3",
      "n-notification": "~5.0.0",
-     "o-overlay": "~1.8.5",
+     "o-overlay": "~1.12.1",
      "o-dom": "~1.0.0"
   },
   "resolutions": {
+    "o-forms": "~3.5.0",
     "n-notification": "~5.0.0",
     "o-icons": "~4.4.2",
-    "o-viewport": "~2.2.0"
+    "o-viewport": "~2.2.0",
+    "o-overlay": "~1.12.1"
   }
 }

src/components/license-dropdown/index.js

@@ -121,7 +121,7 @@ class LicenseDropdown extends Component {
           <span className="kmt-header__license-used">{licenseData.selected.label}</span>
         </div>
         <div className={dropdownCls} style={this.props.mobile !== true ? licenseData.style : {}}>
-          <select className="o-forms-select" onChange={this.licenseChanged} defaultValue={licenseData.selected.licenceId}>
+          <select className="o-forms__select" onChange={this.licenseChanged} defaultValue={licenseData.selected.licenceId}>
             {
               licenseData.items.map((item, index) => {
                 return <option value={item.licenceId} key={index}>{item.label} - {this.trimLicenseId(item.licenceId)}</option>;

src/containers/header-drawer/index.js

@@ -19,7 +19,7 @@ class HeaderDrawerContainer extends Component {
         <div className="o-header__drawer-inner">
 
           <div className="o-header__drawer-tools">
-            <span>{this.props.headerTitle.label}</span>
+            <h1 className='o-header-services__product-name o-header-services__product-name--drawer'>{this.props.headerTitle.label}</h1>
             <button type="button" className="o-header__drawer-tools-close" aria-controls="o-header-drawer">
               <span className="o-header__visually-hidden">Close</span>
             </button>

style/main.scss

@@ -33,6 +33,14 @@ body {
     color: oColorsGetColorFor('o-header-services-top', text);
   }
 }
+.o-header-services__product-name--drawer {
+  color: oColorsGetPaletteColor('black');
+}
+
+.o-overlay__close {
+  border: 0;
+}
+
 
 @import '../src/components/license-dropdown/style';
 @import '../src/components/header-nav/style';