@mjhls/mjh-framework 1.0.658 → 1.0.660
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 +1 -1
- package/dist/cjs/ArticleCarousel.js +47 -0
- package/dist/cjs/HamMagazine.js +15 -7
- package/dist/esm/ArticleCarousel.js +42 -0
- package/dist/esm/HamMagazine.js +15 -7
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
+
|
|
5
|
+
require('./_commonjsHelpers-06173234.js');
|
|
6
|
+
require('./_to-object-329a650b.js');
|
|
7
|
+
require('./es6.string.iterator-cc0bbaa4.js');
|
|
8
|
+
require('./_library-dd23b178.js');
|
|
9
|
+
require('./core.get-iterator-method-f62321d4.js');
|
|
10
|
+
require('./_object-pie-68c5bcbc.js');
|
|
11
|
+
var _extends = require('./extends-60837c34.js');
|
|
12
|
+
require('./web.dom.iterable-a0e279c1.js');
|
|
13
|
+
require('./typeof-725500bc.js');
|
|
14
|
+
require('./_is-array-754e012d.js');
|
|
15
|
+
var React = require('react');
|
|
16
|
+
var React__default = _interopDefault(React);
|
|
17
|
+
require('prop-types');
|
|
18
|
+
require('react-dom');
|
|
19
|
+
require('./index-b5eb3ff8.js');
|
|
20
|
+
require('./index-da796b8c.js');
|
|
21
|
+
require('./slicedToArray-8f385299.js');
|
|
22
|
+
require('./smoothscroll-95231a70.js');
|
|
23
|
+
var YoutubeGroup = require('./YoutubeGroup.js');
|
|
24
|
+
|
|
25
|
+
function ArticleCarousel(props) {
|
|
26
|
+
//Passed in array of articles to pass into YoutubeGroup
|
|
27
|
+
var articles = props.articles;
|
|
28
|
+
|
|
29
|
+
//Setup article.link URL
|
|
30
|
+
|
|
31
|
+
var data = articles.map(function (article, index) {
|
|
32
|
+
article.link = '/view/' + article.url.current;
|
|
33
|
+
return article;
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
return React__default.createElement(
|
|
37
|
+
React__default.Fragment,
|
|
38
|
+
null,
|
|
39
|
+
articles ? React__default.createElement(YoutubeGroup, _extends._extends({ key: 'articleCarousel-0', dataset: data }, props)) : React__default.createElement(
|
|
40
|
+
'p',
|
|
41
|
+
null,
|
|
42
|
+
'No Article Found.'
|
|
43
|
+
)
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
module.exports = ArticleCarousel;
|
package/dist/cjs/HamMagazine.js
CHANGED
|
@@ -347,16 +347,20 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
347
347
|
setIsOpen(!isOpen);
|
|
348
348
|
}
|
|
349
349
|
}),
|
|
350
|
-
|
|
350
|
+
React__default.createElement(
|
|
351
351
|
'div',
|
|
352
|
-
{ className: 'site-logo-wrapper', style: { margin: 'auto' } },
|
|
352
|
+
{ className: 'site-logo-wrapper is-mobile', style: { margin: 'auto' } },
|
|
353
353
|
React__default.createElement(
|
|
354
354
|
'a',
|
|
355
355
|
{ href: '/' },
|
|
356
356
|
React__default.createElement('img', { src: invertedLogo ? invertedLogo : logo, style: { padding: '0px ', objectFit: 'contain', maxHeight: '45px' } })
|
|
357
357
|
)
|
|
358
358
|
),
|
|
359
|
-
|
|
359
|
+
React__default.createElement(
|
|
360
|
+
'div',
|
|
361
|
+
{ className: 'is-mobile' },
|
|
362
|
+
React__default.createElement(SocialSearchComponent.SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
363
|
+
)
|
|
360
364
|
),
|
|
361
365
|
React__default.createElement(
|
|
362
366
|
'div',
|
|
@@ -445,9 +449,9 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
445
449
|
React__default.createElement(
|
|
446
450
|
Navbar.Collapse,
|
|
447
451
|
{ id: 'basic-navbar-nav' },
|
|
448
|
-
isSticky && invertedLogo &&
|
|
452
|
+
isSticky && invertedLogo && React__default.createElement(
|
|
449
453
|
Nav.Item,
|
|
450
|
-
{ className: 'nav-mobile-logo' },
|
|
454
|
+
{ className: 'nav-mobile-logo is-mobile' },
|
|
451
455
|
React__default.createElement(
|
|
452
456
|
'a',
|
|
453
457
|
{ href: '/' },
|
|
@@ -514,7 +518,11 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
514
518
|
}
|
|
515
519
|
})
|
|
516
520
|
),
|
|
517
|
-
|
|
521
|
+
React__default.createElement(
|
|
522
|
+
'div',
|
|
523
|
+
{ className: 'is-desktop' },
|
|
524
|
+
React__default.createElement(SocialSearchComponent.SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
525
|
+
)
|
|
518
526
|
),
|
|
519
527
|
website && React__default.createElement(
|
|
520
528
|
Navbar.Collapse,
|
|
@@ -540,7 +548,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
540
548
|
React__default.createElement(
|
|
541
549
|
'style',
|
|
542
550
|
{ jsx: 'true' },
|
|
543
|
-
'\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 }\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 '
|
|
551
|
+
'\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 }\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 '
|
|
544
552
|
)
|
|
545
553
|
);
|
|
546
554
|
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
+
import './_to-object-ded78eb9.js';
|
|
3
|
+
import './es6.string.iterator-9b2af4a5.js';
|
|
4
|
+
import './_library-528f1934.js';
|
|
5
|
+
import './core.get-iterator-method-54d2e411.js';
|
|
6
|
+
import './_object-pie-71ac75a4.js';
|
|
7
|
+
import { _ as _extends } from './extends-cc5da797.js';
|
|
8
|
+
import './web.dom.iterable-8956f9a5.js';
|
|
9
|
+
import './typeof-08f2c380.js';
|
|
10
|
+
import './_is-array-49698029.js';
|
|
11
|
+
import React__default from 'react';
|
|
12
|
+
import 'prop-types';
|
|
13
|
+
import 'react-dom';
|
|
14
|
+
import './index-51a80699.js';
|
|
15
|
+
import './index-5f9f807a.js';
|
|
16
|
+
import './slicedToArray-7021e5df.js';
|
|
17
|
+
import './smoothscroll-4b699764.js';
|
|
18
|
+
import YoutubeGroup from './YoutubeGroup.js';
|
|
19
|
+
|
|
20
|
+
function ArticleCarousel(props) {
|
|
21
|
+
//Passed in array of articles to pass into YoutubeGroup
|
|
22
|
+
var articles = props.articles;
|
|
23
|
+
|
|
24
|
+
//Setup article.link URL
|
|
25
|
+
|
|
26
|
+
var data = articles.map(function (article, index) {
|
|
27
|
+
article.link = '/view/' + article.url.current;
|
|
28
|
+
return article;
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
return React__default.createElement(
|
|
32
|
+
React__default.Fragment,
|
|
33
|
+
null,
|
|
34
|
+
articles ? React__default.createElement(YoutubeGroup, _extends({ key: 'articleCarousel-0', dataset: data }, props)) : React__default.createElement(
|
|
35
|
+
'p',
|
|
36
|
+
null,
|
|
37
|
+
'No Article Found.'
|
|
38
|
+
)
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
export default ArticleCarousel;
|
package/dist/esm/HamMagazine.js
CHANGED
|
@@ -340,16 +340,20 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
340
340
|
setIsOpen(!isOpen);
|
|
341
341
|
}
|
|
342
342
|
}),
|
|
343
|
-
|
|
343
|
+
React__default.createElement(
|
|
344
344
|
'div',
|
|
345
|
-
{ className: 'site-logo-wrapper', style: { margin: 'auto' } },
|
|
345
|
+
{ className: 'site-logo-wrapper is-mobile', style: { margin: 'auto' } },
|
|
346
346
|
React__default.createElement(
|
|
347
347
|
'a',
|
|
348
348
|
{ href: '/' },
|
|
349
349
|
React__default.createElement('img', { src: invertedLogo ? invertedLogo : logo, style: { padding: '0px ', objectFit: 'contain', maxHeight: '45px' } })
|
|
350
350
|
)
|
|
351
351
|
),
|
|
352
|
-
|
|
352
|
+
React__default.createElement(
|
|
353
|
+
'div',
|
|
354
|
+
{ className: 'is-mobile' },
|
|
355
|
+
React__default.createElement(SocialSearchComponent, { type: 'mobile', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
356
|
+
)
|
|
353
357
|
),
|
|
354
358
|
React__default.createElement(
|
|
355
359
|
'div',
|
|
@@ -438,9 +442,9 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
438
442
|
React__default.createElement(
|
|
439
443
|
Navbar.Collapse,
|
|
440
444
|
{ id: 'basic-navbar-nav' },
|
|
441
|
-
isSticky && invertedLogo &&
|
|
445
|
+
isSticky && invertedLogo && React__default.createElement(
|
|
442
446
|
Nav.Item,
|
|
443
|
-
{ className: 'nav-mobile-logo' },
|
|
447
|
+
{ className: 'nav-mobile-logo is-mobile' },
|
|
444
448
|
React__default.createElement(
|
|
445
449
|
'a',
|
|
446
450
|
{ href: '/' },
|
|
@@ -507,7 +511,11 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
507
511
|
}
|
|
508
512
|
})
|
|
509
513
|
),
|
|
510
|
-
|
|
514
|
+
React__default.createElement(
|
|
515
|
+
'div',
|
|
516
|
+
{ className: 'is-desktop' },
|
|
517
|
+
React__default.createElement(SocialSearchComponent, { type: 'desktop', socialIconVariant: socialIconVariant, website: website, navID: 'navbar-ham' })
|
|
518
|
+
)
|
|
511
519
|
),
|
|
512
520
|
website && React__default.createElement(
|
|
513
521
|
Navbar.Collapse,
|
|
@@ -533,7 +541,7 @@ var HamMagazine = function HamMagazine(props) {
|
|
|
533
541
|
React__default.createElement(
|
|
534
542
|
'style',
|
|
535
543
|
{ jsx: 'true' },
|
|
536
|
-
'\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 }\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 '
|
|
544
|
+
'\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 }\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 '
|
|
537
545
|
)
|
|
538
546
|
);
|
|
539
547
|
};
|