@mjhls/mjh-framework 1.0.151 → 1.0.153

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.151
2
+ # mjh-framework v. 1.0.153
3
3
 
4
4
 
5
5
 
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
1
+ import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import reactDom from 'react-dom';
4
4
  import Container from 'react-bootstrap/Container';
@@ -9678,7 +9678,7 @@ var NavMagazine = function NavMagazine(props) {
9678
9678
  ),
9679
9679
  React__default.createElement(
9680
9680
  Navbar,
9681
- { className: 'bottom-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top', ref: navRef },
9681
+ { className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav', variant: 'dark', expand: 'lg', bg: 'primary', sticky: 'top', ref: navRef },
9682
9682
  React__default.createElement(
9683
9683
  Container,
9684
9684
  { className: 'mobile-nav' },
@@ -9796,86 +9796,165 @@ var NavMagazine = function NavMagazine(props) {
9796
9796
  React__default.createElement(
9797
9797
  'style',
9798
9798
  { jsx: 'true' },
9799
- '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n\n @media screen and (max-width: 991px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .navbar.bg-primary {\n max-height: 80vh;\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 20px;\n border-bottom: 0.5px solid white;\n margin-bottom: 15px;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (min-width: 992px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n width: 70%;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n '
9799
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n\n @media screen and (max-width: 991px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (min-width: 992px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n width: 70%;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n '
9800
9800
  )
9801
9801
  );
9802
9802
  };
9803
9803
 
9804
9804
  var NavNative = function NavNative(props) {
9805
+ /*
9806
+ Example Nav with acceptable props
9807
+ <MagazineNav
9808
+ showLogin
9809
+ logo={props.settings.logo}
9810
+ dataObject={props.cache.mainNavCache}
9811
+ website={website}
9812
+ subNav={props.cache.subNavCache}
9813
+ />
9814
+ */
9815
+
9805
9816
  var logo = props.logo,
9817
+ mobileLogo = props.mobileLogo,
9806
9818
  dataObject = props.dataObject,
9807
- _props$variant = props.variant,
9808
- variant = _props$variant === undefined ? 'dark' : _props$variant,
9809
9819
  subNav = props.subNav,
9810
- website = props.website;
9820
+ website = props.website,
9821
+ _props$showLogin = props.showLogin,
9822
+ _props$userData = props.userData,
9823
+ _props$socialFooterNa = props.socialFooterNav,
9824
+ socialFooterNav = _props$socialFooterNa === undefined ? false : _props$socialFooterNa;
9825
+
9826
+ var navRef = useRef(null);
9827
+
9828
+ var _useState = useState(false),
9829
+ _useState2 = slicedToArray(_useState, 2),
9830
+ isSticky = _useState2[0],
9831
+ setIsSticky = _useState2[1];
9832
+
9833
+ var _useState3 = useState(0),
9834
+ _useState4 = slicedToArray(_useState3, 2),
9835
+ screenWidth = _useState4[0],
9836
+ setScreenWidth = _useState4[1];
9837
+
9838
+ useEffect(function () {
9839
+ document.addEventListener('scroll', trackScrolling);
9840
+ return function () {
9841
+ document.removeEventListener('scroll', trackScrolling);
9842
+ };
9843
+ // eslint-disable-next-line react-hooks/exhaustive-deps
9844
+ }, []);
9811
9845
 
9846
+ useEffect(function () {
9847
+ setScreenWidth(parseInt(window.innerWidth));
9848
+ }, []);
9849
+
9850
+ var trackScrolling = function trackScrolling() {
9851
+ var offsetTop = navRef.current.getBoundingClientRect().top;
9852
+
9853
+ if (offsetTop === 0) {
9854
+ setIsSticky(true);
9855
+ } else {
9856
+ setIsSticky(false);
9857
+ }
9858
+ };
9812
9859
 
9813
9860
  return React__default.createElement(
9814
- 'section',
9861
+ React__default.Fragment,
9815
9862
  null,
9816
9863
  React__default.createElement(
9817
9864
  Navbar,
9818
- { variant: variant, expand: 'lg', bg: 'primary' },
9865
+ {
9866
+ className: main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
9867
+ variant: 'dark',
9868
+ expand: 'xl',
9869
+ bg: 'primary',
9870
+ sticky: 'top',
9871
+ ref: navRef,
9872
+ style: { minHeight: '61px' } },
9819
9873
  React__default.createElement(
9820
9874
  Container,
9821
- null,
9822
- React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
9875
+ { className: 'mobile-nav' },
9823
9876
  React__default.createElement(
9824
9877
  Navbar.Brand,
9825
- { href: '/', style: { margin: '0 auto' } },
9826
- React__default.createElement('img', { src: logo, style: { height: '40px' } })
9878
+ { id: 'nav-mobile-sm', className: 'nav-mobile-logo' },
9879
+ React__default.createElement(
9880
+ Link,
9881
+ { href: '/' },
9882
+ React__default.createElement(
9883
+ 'a',
9884
+ null,
9885
+ mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
9886
+ )
9887
+ )
9827
9888
  ),
9828
9889
  React__default.createElement(
9890
+ 'div',
9891
+ { className: 'nav-toggle' },
9892
+ React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
9893
+ React__default.createElement(
9894
+ Navbar.Brand,
9895
+ { id: 'nav-mobile-md', className: 'nav-mobile-logo' },
9896
+ React__default.createElement(
9897
+ Link,
9898
+ { href: '/' },
9899
+ React__default.createElement(
9900
+ 'a',
9901
+ null,
9902
+ mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
9903
+ )
9904
+ )
9905
+ ),
9906
+ React__default.createElement(Search, { device: 'mobile' })
9907
+ ),
9908
+ subNav && React__default.createElement(
9829
9909
  Navbar.Collapse,
9830
- { id: 'basic-navbar-nav' },
9910
+ { id: 'basic-navbar-sub' },
9831
9911
  React__default.createElement(
9832
9912
  Nav,
9833
9913
  { className: 'mr-auto' },
9834
- dataObject && dataObject.map(function (row, index) {
9835
- if (row.subQuery.length > 1) {
9836
- return React__default.createElement(
9914
+ subNav && subNav.map(function (row, index) {
9915
+ if (row.subQuery && row.subQuery.length > 0) {
9916
+ return row.name ? React__default.createElement(
9837
9917
  NavDropdown,
9838
9918
  { key: index, title: row.name, id: 'basic-nav-dropdown' },
9839
9919
  row.subQuery && row.subQuery.map(function (ddRow, subIndex) {
9840
9920
  if (ddRow.type === 'divider') {
9841
- return React__default.createElement(NavDropdown.Divider, null);
9921
+ return React__default.createElement(NavDropdown.Divider, { key: subIndex });
9842
9922
  } else {
9843
- return React__default.createElement(
9844
- Link,
9845
- { key: subIndex, href: ddRow.url || '#' },
9846
- React__default.createElement(
9847
- 'a',
9848
- { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
9849
- ddRow.name
9850
- )
9851
- );
9923
+ if (ddRow.url && ddRow.name) {
9924
+ return ddRow.url && ddRow.name ? React__default.createElement(
9925
+ Link,
9926
+ { key: subIndex, href: ddRow.url },
9927
+ React__default.createElement(
9928
+ 'a',
9929
+ { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
9930
+ ddRow.name
9931
+ )
9932
+ ) : null;
9933
+ } else return null;
9852
9934
  }
9853
9935
  })
9854
- );
9936
+ ) : null;
9855
9937
  } else {
9856
- // Link default
9857
- // return <Nav.Link href={row.url} key={index}>{row.name}</Nav.Link>
9858
- return React__default.createElement(
9938
+ return row.url && row.name ? React__default.createElement(
9859
9939
  Link,
9860
- { key: index, href: row.url || '#' },
9940
+ { key: index, href: row.url },
9861
9941
  React__default.createElement(
9862
9942
  'a',
9863
9943
  { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
9864
9944
  row.name
9865
9945
  )
9866
- );
9946
+ ) : null;
9867
9947
  }
9868
9948
  })
9869
- ),
9870
- React__default.createElement(Search, null)
9949
+ )
9871
9950
  ),
9872
- subNav && React__default.createElement(
9951
+ React__default.createElement(
9873
9952
  Navbar.Collapse,
9874
- { id: 'basic-navbar-sub' },
9953
+ { id: 'basic-navbar-nav' },
9875
9954
  React__default.createElement(
9876
9955
  Nav,
9877
9956
  { className: 'mr-auto' },
9878
- subNav && subNav.map(function (row, index) {
9957
+ dataObject && dataObject.map(function (row, index) {
9879
9958
  if (row.subQuery && row.subQuery.length > 0) {
9880
9959
  return row.name ? React__default.createElement(
9881
9960
  NavDropdown,
@@ -9884,17 +9963,15 @@ var NavNative = function NavNative(props) {
9884
9963
  if (ddRow.type === 'divider') {
9885
9964
  return React__default.createElement(NavDropdown.Divider, { key: subIndex });
9886
9965
  } else {
9887
- if (ddRow.url && ddRow.name) {
9888
- return ddRow.url && ddRow.name ? React__default.createElement(
9889
- Link,
9890
- { key: subIndex, href: ddRow.url },
9891
- React__default.createElement(
9892
- 'a',
9893
- { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
9894
- ddRow.name
9895
- )
9896
- ) : null;
9897
- } else return null;
9966
+ return ddRow.url && ddRow.name ? React__default.createElement(
9967
+ Link,
9968
+ { key: subIndex, href: ddRow.url },
9969
+ React__default.createElement(
9970
+ 'a',
9971
+ { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
9972
+ ddRow.name
9973
+ )
9974
+ ) : null;
9898
9975
  }
9899
9976
  })
9900
9977
  ) : null;
@@ -9910,7 +9987,8 @@ var NavNative = function NavNative(props) {
9910
9987
  ) : null;
9911
9988
  }
9912
9989
  })
9913
- )
9990
+ ),
9991
+ React__default.createElement(Search, { device: 'mobile' })
9914
9992
  ),
9915
9993
  website && React__default.createElement(
9916
9994
  Navbar.Collapse,
@@ -9918,7 +9996,7 @@ var NavNative = function NavNative(props) {
9918
9996
  React__default.createElement(
9919
9997
  Nav,
9920
9998
  { className: 'mr-auto' },
9921
- React__default.createElement(NavFooter, { website: website })
9999
+ socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter, { website: website })
9922
10000
  )
9923
10001
  )
9924
10002
  )
@@ -9926,7 +10004,7 @@ var NavNative = function NavNative(props) {
9926
10004
  React__default.createElement(
9927
10005
  'style',
9928
10006
  { jsx: 'true' },
9929
- '\n @media screen and (max-width: 991px) {\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 20px;\n border-bottom: 0.5px solid white;\n margin-bottom: 15px;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n margin: 5px 0px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n }\n @media screen and (min-width: 992px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n }\n '
10007
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n \n #nav-mobile-sm{\n display: none;\n }\n \n\n @media screen and (max-width: 1399px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n .nav-mobile-logo {\n margin-left: 1.5rem;\n \n }\n #nav-mobile-md{\n margin-right: auto;\n }\n .nav-mobile-logo img {\n height: 48px!important;\n \n }\n .nav-mobile-logo img {\n height: 38px !important;\n }\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ul::-webkit-scrollbar, .dropdown-menu::-webkit-scrollbar {\n width: 10px;\n background: rgba(0,0,0,.35);\n }\n ul::-webkit-scrollbar-thumb, .dropdown-menu::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n\n @media screen and (min-width: 1399px) {\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n flex: 1 1 auto;\n margin-left: .25rem;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n \n #nav-mobile-md{\n display: none;\n }\n #nav-mobile-sm{\n display: inline-block;\n margin: 0 auto .5rem;\n }\n .nav-toggle{\n margin:.5rem 0;\n }\n }\n \n '
9930
10008
  )
9931
10009
  );
9932
10010
  };
@@ -14674,7 +14752,7 @@ var Leads = function Leads(_ref) {
14674
14752
  return React__default.createElement(
14675
14753
  'div',
14676
14754
  { className: 'd-block text-center mb-3' },
14677
- url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', src: url, frameBorder: '0', allow: 'fullscreen' })
14755
+ url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
14678
14756
  );
14679
14757
  };
14680
14758