@mjhls/mjh-framework 1.0.369 → 1.0.371
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/IssueDeck.js +1 -1
- package/dist/cjs/PublicationDeck.js +17120 -35
- package/dist/cjs/index.js +6 -6
- package/dist/esm/IssueDeck.js +1 -1
- package/dist/esm/PublicationDeck.js +17120 -35
- package/dist/esm/index.js +6 -6
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -15201,7 +15201,8 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15201
15201
|
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
15202
15202
|
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
|
|
15203
15203
|
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
15204
|
-
}
|
|
15204
|
+
}
|
|
15205
|
+
if (props.thumbnail) {
|
|
15205
15206
|
topArticleThumbnail = props.thumbnail;
|
|
15206
15207
|
}
|
|
15207
15208
|
|
|
@@ -15224,7 +15225,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15224
15225
|
React__default.createElement(
|
|
15225
15226
|
'a',
|
|
15226
15227
|
{ href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
|
|
15227
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
15228
|
+
React__default.createElement('img', { style: { objectFit: props.imageSize ? props.imageSize : 'cover' }, src: topArticleThumbnail, alt: topArticleAltText })
|
|
15228
15229
|
),
|
|
15229
15230
|
React__default.createElement(
|
|
15230
15231
|
'div',
|
|
@@ -15257,21 +15258,20 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15257
15258
|
React__default.createElement(
|
|
15258
15259
|
'a',
|
|
15259
15260
|
{ href: props.linkTo },
|
|
15260
|
-
'View More
|
|
15261
|
-
heroTitle,
|
|
15261
|
+
props.linkTitle ? props.linkTitle : 'View More' + heroTitle,
|
|
15262
15262
|
' ',
|
|
15263
15263
|
' ',
|
|
15264
15264
|
React__default.createElement(
|
|
15265
15265
|
'span',
|
|
15266
15266
|
null,
|
|
15267
|
-
React__default.createElement(FaLongArrowAltRight,
|
|
15267
|
+
React__default.createElement(FaLongArrowAltRight, { color: 'var(--primary)' })
|
|
15268
15268
|
)
|
|
15269
15269
|
)
|
|
15270
15270
|
),
|
|
15271
15271
|
React__default.createElement(
|
|
15272
15272
|
'style',
|
|
15273
15273
|
{ jsx: 'true' },
|
|
15274
|
-
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right:
|
|
15274
|
+
'\n .horizontal-hero-container {\n margin-bottom: 3rem;\n margin-top: 2rem;\n position: relative;\n }\n .horizontal-hero-title {\n position: absolute;\n top: -25px;\n background: white;\n z-index: 2;\n padding-right: 1rem;\n font-weight: bold;\n }\n .horizontal-hero-inner {\n display: flex;\n flex-direction: row;\n padding-top: 0.75rem;\n margin-top: 0.75rem;\n }\n\n .horizontal-articles-wrap {\n padding: 0 1rem;\n flex-basis: 60%;\n }\n\n .horizontal-hero-img {\n flex-basis: 40%;\n }\n .horizontal-hero-img img {\n width: 100%;\n height: 100%;\n \n }\n .horizontal-article {\n border-bottom: 1px solid #ccc;\n display: block;\n margin-bottom: 0.5rem;\n }\n .horizontal-article:hover {\n background: #eee;\n }\n .horizontal-article p {\n font-size: 1.1rem;\n margin-bottom: 0.5rem;\n font-weight: bold;\n color: #252525;\n }\n .horizontal-view-more {\n position: absolute;\n right: 0;\n margin-top: 0.25rem;\n font-weight: bold;\n }\n .horizontal-view-more span {\n display: inline-block;\n color: rgb(81, 116, 153);\n font-size: 1.2rem;\n }\n @media screen and (max-width: 1191px){\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n \n @media screen and (max-width: 768px) {\n .horizontal-hero-img {\n display: none;\n }\n .horizontal-articles-wrap {\n \n flex-basis: 100%;\n }\n }\n @media screen and (max-width: 495px) {\n \n .horizontal-article > p {\n font-size: 1rem;\n }\n }\n '
|
|
15275
15275
|
)
|
|
15276
15276
|
);
|
|
15277
15277
|
};
|