@mjhls/mjh-framework 1.0.740 → 1.0.742

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.
Files changed (6) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/ADWelcome.js +54 -51
  3. package/dist/cjs/HamMagazine.js +2 -2
  4. package/dist/esm/ADWelcome.js +54 -51
  5. package/dist/esm/HamMagazine.js +2 -2
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # mjh-framework v. 1.0.740
1
+ # mjh-framework v. 1.0.742
2
2
  [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
3
3
 
4
4
  ## Install
package/dist/cjs/ADWelcome.js CHANGED
@@ -88,66 +88,69 @@ var ADWelcome = function ADWelcome(_ref) {
88
88
  }
89
89
  });
90
90
 
91
- return React__default['default'].createElement(
92
- 'div',
93
- { style: { outline: 'none', display: 'block' }, className: 'welcome-modal', id: 'welcome-modal' },
91
+ return (
92
+ // Setting welcome ad to display:none and Setting to display:block after checking for cookie in site level.
94
93
  React__default['default'].createElement(
95
94
  'div',
96
- { className: 'welcome-ad-head-wrapper' },
95
+ { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
97
96
  React__default['default'].createElement(
98
97
  'div',
99
- { className: 'left-top' },
100
- React__default['default'].createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
101
- ),
102
- React__default['default'].createElement(
103
- 'div',
104
- { className: 'right-top' },
98
+ { className: 'welcome-ad-head-wrapper' },
105
99
  React__default['default'].createElement(
106
- 'span',
107
- {
108
- className: 'continue-site',
109
- style: {
110
- fontSize: '1.2rem',
111
- fontWeight: 'bold',
112
- fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
113
- },
114
- onClick: function onClick() {
115
- document.body.style.overflow = 'auto';
116
- setFlag(true);
117
- } },
118
- 'CONTINUE TO SITE >'
100
+ 'div',
101
+ { className: 'left-top' },
102
+ React__default['default'].createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
119
103
  ),
120
104
  React__default['default'].createElement(
121
- 'p',
122
- {
123
- style: {
124
- fontSize: '0.8rem',
125
- fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
126
- },
127
- className: 'timer-block' },
128
- 'OR WAIT ' + timeLeft + ' SECS'
105
+ 'div',
106
+ { className: 'right-top' },
107
+ React__default['default'].createElement(
108
+ 'span',
109
+ {
110
+ className: 'continue-site',
111
+ style: {
112
+ fontSize: '1.2rem',
113
+ fontWeight: 'bold',
114
+ fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
115
+ },
116
+ onClick: function onClick() {
117
+ document.body.style.overflow = 'auto';
118
+ setFlag(true);
119
+ } },
120
+ 'CONTINUE TO SITE >'
121
+ ),
122
+ React__default['default'].createElement(
123
+ 'p',
124
+ {
125
+ style: {
126
+ fontSize: '0.8rem',
127
+ fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
128
+ },
129
+ className: 'timer-block' },
130
+ 'OR WAIT ' + timeLeft + ' SECS'
131
+ )
129
132
  )
133
+ ),
134
+ React__default['default'].createElement(
135
+ 'div',
136
+ { className: title },
137
+ React__default['default'].createElement(AdSlot, {
138
+ className: className,
139
+ slotId: slotId,
140
+ networkID: networkID,
141
+ sizes: sizes,
142
+ adUnit: adUnit,
143
+ targeting: adTargeting,
144
+ refreshFlag: false
145
+ /* Passing function to check for ad creative only if it is not in preview. */
146
+ // checkIsAdFound={previewAd ? null : checkIsAdFound}
147
+ })
148
+ ),
149
+ React__default['default'].createElement(
150
+ 'style',
151
+ { jsx: 'true' },
152
+ '\n .continue-site:hover {\n cursor: pointer;\n }\n\n .welcome-modal {\n max-width: 100% !important;\n margin: 0px !important;\n height: 100vh;\n }\n .welcome-ad-head-wrapper {\n display: flex;\n justify-content: space-between;\n }\n .right-top {\n max-width: 250px;\n padding: 10px;\n }\n .left-top {\n max-width: 250px;\n padding: 10px;\n }\n .' + title + ' {\n width: auto !important;\n padding-top: 25px;\n justify-content: center;\n align-items: center;\n display: flex;\n }\n /* setting height to 0px when the ad slot is empty. */\n .' + title + ' div[id*=\'google_ads_iframe\']:empty {\n height: 0px !important;\n }\n '
130
153
  )
131
- ),
132
- React__default['default'].createElement(
133
- 'div',
134
- { className: title },
135
- React__default['default'].createElement(AdSlot, {
136
- className: className,
137
- slotId: slotId,
138
- networkID: networkID,
139
- sizes: sizes,
140
- adUnit: adUnit,
141
- targeting: adTargeting,
142
- refreshFlag: false
143
- /* Passing function to check for ad creative only if it is not in preview. */
144
- // checkIsAdFound={previewAd ? null : checkIsAdFound}
145
- })
146
- ),
147
- React__default['default'].createElement(
148
- 'style',
149
- { jsx: 'true' },
150
- '\n .continue-site:hover {\n cursor: pointer;\n }\n\n .welcome-modal {\n max-width: 100% !important;\n margin: 0px !important;\n height: 100vh;\n }\n .welcome-ad-head-wrapper {\n display: flex;\n justify-content: space-between;\n }\n .right-top {\n max-width: 250px;\n padding: 10px;\n }\n .left-top {\n max-width: 250px;\n padding: 10px;\n }\n .' + title + ' {\n width: auto !important;\n padding-top: 25px;\n justify-content: center;\n align-items: center;\n display: flex;\n }\n /* setting height to 0px when the ad slot is empty. */\n .' + title + ' div[id*=\'google_ads_iframe\']:empty {\n height: 0px !important;\n }\n '
151
154
  )
152
155
  );
153
156
  };
package/dist/cjs/HamMagazine.js CHANGED
@@ -179,7 +179,7 @@ var HamMagazine = function HamMagazine(props) {
179
179
  }
180
180
  var stickyNav = window.addEventListener('scroll', function () {
181
181
  // Taking into consideration the height of the top navbar while setting the navigation fixed
182
- if (window && topNavRef && topNavRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight > navOffsetTop) {
182
+ if (window && topNavRef && topNavRef.current && navRef && navRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight + navRef.current.clientHeight > navOffsetTop) {
183
183
  if (navRef.current && navRef.current.style) {
184
184
  navRef.current.style.position = 'fixed';
185
185
  if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
@@ -579,7 +579,7 @@ var HamMagazine = function HamMagazine(props) {
579
579
  React__default['default'].createElement(
580
580
  'style',
581
581
  { jsx: 'true' },
582
- '\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: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\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 .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\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-xl .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 white-space: inherit !important;\n margin-bottom: 5px;\n padding: .5rem;\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: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !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 .navbar.bg-primary {\n z-index: 3000000 !important;\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 @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item{\n padding: .5rem;\n }\n }\n '
582
+ '\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: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\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 .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\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-xl .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 white-space: inherit !important;\n margin-bottom: 5px;\n padding: 0.5rem;\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: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !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 .navbar.bg-primary {\n z-index: 3000000 !important;\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 @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item {\n padding: 0.5rem;\n }\n }\n '
583
583
  )
584
584
  );
585
585
  };
package/dist/esm/ADWelcome.js CHANGED
@@ -82,66 +82,69 @@ var ADWelcome = function ADWelcome(_ref) {
82
82
  }
83
83
  });
84
84
 
85
- return React.createElement(
86
- 'div',
87
- { style: { outline: 'none', display: 'block' }, className: 'welcome-modal', id: 'welcome-modal' },
85
+ return (
86
+ // Setting welcome ad to display:none and Setting to display:block after checking for cookie in site level.
88
87
  React.createElement(
89
88
  'div',
90
- { className: 'welcome-ad-head-wrapper' },
89
+ { style: { outline: 'none', display: 'none' }, className: 'welcome-modal', id: 'welcome-modal' },
91
90
  React.createElement(
92
91
  'div',
93
- { className: 'left-top' },
94
- React.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
95
- ),
96
- React.createElement(
97
- 'div',
98
- { className: 'right-top' },
92
+ { className: 'welcome-ad-head-wrapper' },
99
93
  React.createElement(
100
- 'span',
101
- {
102
- className: 'continue-site',
103
- style: {
104
- fontSize: '1.2rem',
105
- fontWeight: 'bold',
106
- fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
107
- },
108
- onClick: function onClick() {
109
- document.body.style.overflow = 'auto';
110
- setFlag(true);
111
- } },
112
- 'CONTINUE TO SITE >'
94
+ 'div',
95
+ { className: 'left-top' },
96
+ React.createElement('img', { style: { width: '100%' }, src: Website.logo, alt: Website.title })
113
97
  ),
114
98
  React.createElement(
115
- 'p',
116
- {
117
- style: {
118
- fontSize: '0.8rem',
119
- fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
120
- },
121
- className: 'timer-block' },
122
- 'OR WAIT ' + timeLeft + ' SECS'
99
+ 'div',
100
+ { className: 'right-top' },
101
+ React.createElement(
102
+ 'span',
103
+ {
104
+ className: 'continue-site',
105
+ style: {
106
+ fontSize: '1.2rem',
107
+ fontWeight: 'bold',
108
+ fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
109
+ },
110
+ onClick: function onClick() {
111
+ document.body.style.overflow = 'auto';
112
+ setFlag(true);
113
+ } },
114
+ 'CONTINUE TO SITE >'
115
+ ),
116
+ React.createElement(
117
+ 'p',
118
+ {
119
+ style: {
120
+ fontSize: '0.8rem',
121
+ fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
122
+ },
123
+ className: 'timer-block' },
124
+ 'OR WAIT ' + timeLeft + ' SECS'
125
+ )
123
126
  )
127
+ ),
128
+ React.createElement(
129
+ 'div',
130
+ { className: title },
131
+ React.createElement(DFPAdSlot, {
132
+ className: className,
133
+ slotId: slotId,
134
+ networkID: networkID,
135
+ sizes: sizes,
136
+ adUnit: adUnit,
137
+ targeting: adTargeting,
138
+ refreshFlag: false
139
+ /* Passing function to check for ad creative only if it is not in preview. */
140
+ // checkIsAdFound={previewAd ? null : checkIsAdFound}
141
+ })
142
+ ),
143
+ React.createElement(
144
+ 'style',
145
+ { jsx: 'true' },
146
+ '\n .continue-site:hover {\n cursor: pointer;\n }\n\n .welcome-modal {\n max-width: 100% !important;\n margin: 0px !important;\n height: 100vh;\n }\n .welcome-ad-head-wrapper {\n display: flex;\n justify-content: space-between;\n }\n .right-top {\n max-width: 250px;\n padding: 10px;\n }\n .left-top {\n max-width: 250px;\n padding: 10px;\n }\n .' + title + ' {\n width: auto !important;\n padding-top: 25px;\n justify-content: center;\n align-items: center;\n display: flex;\n }\n /* setting height to 0px when the ad slot is empty. */\n .' + title + ' div[id*=\'google_ads_iframe\']:empty {\n height: 0px !important;\n }\n '
124
147
  )
125
- ),
126
- React.createElement(
127
- 'div',
128
- { className: title },
129
- React.createElement(DFPAdSlot, {
130
- className: className,
131
- slotId: slotId,
132
- networkID: networkID,
133
- sizes: sizes,
134
- adUnit: adUnit,
135
- targeting: adTargeting,
136
- refreshFlag: false
137
- /* Passing function to check for ad creative only if it is not in preview. */
138
- // checkIsAdFound={previewAd ? null : checkIsAdFound}
139
- })
140
- ),
141
- React.createElement(
142
- 'style',
143
- { jsx: 'true' },
144
- '\n .continue-site:hover {\n cursor: pointer;\n }\n\n .welcome-modal {\n max-width: 100% !important;\n margin: 0px !important;\n height: 100vh;\n }\n .welcome-ad-head-wrapper {\n display: flex;\n justify-content: space-between;\n }\n .right-top {\n max-width: 250px;\n padding: 10px;\n }\n .left-top {\n max-width: 250px;\n padding: 10px;\n }\n .' + title + ' {\n width: auto !important;\n padding-top: 25px;\n justify-content: center;\n align-items: center;\n display: flex;\n }\n /* setting height to 0px when the ad slot is empty. */\n .' + title + ' div[id*=\'google_ads_iframe\']:empty {\n height: 0px !important;\n }\n '
145
148
  )
146
149
  );
147
150
  };
package/dist/esm/HamMagazine.js CHANGED
@@ -167,7 +167,7 @@ var HamMagazine = function HamMagazine(props) {
167
167
  }
168
168
  var stickyNav = window.addEventListener('scroll', function () {
169
169
  // Taking into consideration the height of the top navbar while setting the navigation fixed
170
- if (window && topNavRef && topNavRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight > navOffsetTop) {
170
+ if (window && topNavRef && topNavRef.current && navRef && navRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight + navRef.current.clientHeight > navOffsetTop) {
171
171
  if (navRef.current && navRef.current.style) {
172
172
  navRef.current.style.position = 'fixed';
173
173
  if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
@@ -567,7 +567,7 @@ var HamMagazine = function HamMagazine(props) {
567
567
  React.createElement(
568
568
  'style',
569
569
  { jsx: 'true' },
570
- '\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: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\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 .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\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-xl .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 white-space: inherit !important;\n margin-bottom: 5px;\n padding: .5rem;\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: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !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 .navbar.bg-primary {\n z-index: 3000000 !important;\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 @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item{\n padding: .5rem;\n }\n }\n '
570
+ '\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: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\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 .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\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-xl .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 white-space: inherit !important;\n margin-bottom: 5px;\n padding: 0.5rem;\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: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !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 .navbar.bg-primary {\n z-index: 3000000 !important;\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 @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item {\n padding: 0.5rem;\n }\n }\n '
571
571
  )
572
572
  );
573
573
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.740",
3
+ "version": "1.0.742",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",