@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/cjs/index.js
CHANGED
|
@@ -15204,7 +15204,8 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15204
15204
|
if (topArticle.thumbnail && topArticle.thumbnail.asset) {
|
|
15205
15205
|
topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
|
|
15206
15206
|
topArticleAltText = topArticle.thumbnail.asset.originalFileName;
|
|
15207
|
-
}
|
|
15207
|
+
}
|
|
15208
|
+
if (props.thumbnail) {
|
|
15208
15209
|
topArticleThumbnail = props.thumbnail;
|
|
15209
15210
|
}
|
|
15210
15211
|
|
|
@@ -15227,7 +15228,7 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15227
15228
|
React__default.createElement(
|
|
15228
15229
|
'a',
|
|
15229
15230
|
{ href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
|
|
15230
|
-
React__default.createElement('img', { src: topArticleThumbnail, alt: topArticleAltText })
|
|
15231
|
+
React__default.createElement('img', { style: { objectFit: props.imageSize ? props.imageSize : 'cover' }, src: topArticleThumbnail, alt: topArticleAltText })
|
|
15231
15232
|
),
|
|
15232
15233
|
React__default.createElement(
|
|
15233
15234
|
'div',
|
|
@@ -15260,21 +15261,20 @@ var HorizontalHero = function HorizontalHero(props) {
|
|
|
15260
15261
|
React__default.createElement(
|
|
15261
15262
|
'a',
|
|
15262
15263
|
{ href: props.linkTo },
|
|
15263
|
-
'View More
|
|
15264
|
-
heroTitle,
|
|
15264
|
+
props.linkTitle ? props.linkTitle : 'View More' + heroTitle,
|
|
15265
15265
|
' ',
|
|
15266
15266
|
' ',
|
|
15267
15267
|
React__default.createElement(
|
|
15268
15268
|
'span',
|
|
15269
15269
|
null,
|
|
15270
|
-
React__default.createElement(Ustream.FaLongArrowAltRight,
|
|
15270
|
+
React__default.createElement(Ustream.FaLongArrowAltRight, { color: 'var(--primary)' })
|
|
15271
15271
|
)
|
|
15272
15272
|
)
|
|
15273
15273
|
),
|
|
15274
15274
|
React__default.createElement(
|
|
15275
15275
|
'style',
|
|
15276
15276
|
{ jsx: 'true' },
|
|
15277
|
-
'\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:
|
|
15277
|
+
'\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 '
|
|
15278
15278
|
)
|
|
15279
15279
|
);
|
|
15280
15280
|
};
|
package/dist/esm/IssueDeck.js
CHANGED
|
@@ -121,7 +121,7 @@ var IssueDeck = function IssueDeck(props) {
|
|
|
121
121
|
null,
|
|
122
122
|
row.issues.length > 0 && React__default.createElement(
|
|
123
123
|
'a',
|
|
124
|
-
{ href: href + '/' + publication + '/' + row.identifier.current },
|
|
124
|
+
{ style: { paddingRight: '15px', paddingLeft: '15px' }, href: href + '/' + publication + '/' + row.identifier.current },
|
|
125
125
|
React__default.createElement(
|
|
126
126
|
Button,
|
|
127
127
|
{ style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
|