@mjhls/mjh-framework 1.0.45 → 1.0.47

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.44
+# mjh-framework v. 1.0.46
 
 > Foundation Framework
 

package/dist/index.es.js

@@ -3042,6 +3042,7 @@ var Search$1 = withRouter(Search);
 
 var NavDvm = function NavDvm(props) {
   var logo = props.logo,
+      mobileLogo = props.mobileLogo,
       dataObject = props.dataObject;
 
 
@@ -3050,7 +3051,7 @@ var NavDvm = function NavDvm(props) {
     null,
     React__default.createElement(
       Navbar,
-      { expand: 'md' },
+      { className: 'top-nav', expand: 'md' },
       React__default.createElement(
         Container,
         null,
@@ -3075,10 +3076,19 @@ var NavDvm = function NavDvm(props) {
     ),
     React__default.createElement(
       Navbar,
-      { variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
+      { className: 'bottom-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top' },
       React__default.createElement(
         Container,
-        null,
+        { className: 'position-relative' },
+        mobileLogo && React__default.createElement(
+          Link,
+          { href: '/' },
+          React__default.createElement(
+            'a',
+            { className: 'mobile-logo' },
+            React__default.createElement('img', { src: mobileLogo })
+          )
+        ),
         React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
         React__default.createElement(
           Navbar.Collapse,
@@ -3125,6 +3135,11 @@ var NavDvm = function NavDvm(props) {
           React__default.createElement(Search$1, null)
         )
       )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n        .mobile-logo{\n          display: none;\n          position: absolute;\n          left: 50%;\n          top: 0;\n          height: 40px;\n          transform: translateX(-50%);\n        }\n        .mobile-logo img{\n          height: 100%;\n        }\n        @media screen and (max-width: 991px){\n          .mobile-logo{\n            display: block;\n          }\n          \n          .top-nav{\n            display: none;\n          }\n        }\n      '
     )
   );
 };
@@ -5631,16 +5646,16 @@ var AD728x90 = function AD728x90(_ref) {
     {
       dfpNetworkId: networkID,
       targetingArguments: targeting.desktop,
-      sizeMapping: [{ viewport: [768, 1], sizes: [[728, 90]] }, { viewport: [1, 1], sizes: [[320, 50], [300, 50]] }],
+      sizeMapping: [{ viewport: [768, 1], sizes: [[728, 90], [960, 35]] }, { viewport: [1, 1], sizes: [[320, 50], [300, 50]] }],
       lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
     React__default.createElement(
       'div',
       { className: 'AD728x90' },
       React__default.createElement(lib_2, {
         slotId: slotId,
-        sizes: [[728, 90], [320, 50], [300, 50]],
+        sizes: [[728, 90], [960, 35], [320, 50], [300, 50]],
         adUnit: adUnit,
-        sizeMapping: [{ viewport: [768, 1], sizes: [[728, 90]] }, { viewport: [1, 1], sizes: [[320, 50], [300, 50]] }]
+        sizeMapping: [{ viewport: [768, 1], sizes: [[728, 90], [960, 35]] }, { viewport: [1, 1], sizes: [[320, 50], [300, 50]] }]
       })
     )
   );