@micromag/screen-urbania-article 0.3.91 → 0.3.95
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/assets/css/styles.css +1 -1
- package/es/index.js +14 -20
- package/lib/index.js +14 -20
- package/package.json +3 -3
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-video,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
|
|
1
|
+
.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-video,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:8px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:10px;padding:30px 0 2px;border-bottom:1px solid;font-family:Agrandir Grand;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:8px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:0 10px 4px;background-color:#ff0;color:#222;letter-spacing:.04em;line-height:1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:1;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction{position:absolute;z-index:10;right:0;bottom:0;left:0;padding-bottom:5px;vertical-align:middle}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-icon{display:inline-block;margin-top:-3px;margin-right:3px;padding:1px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-videoContainer{position:absolute}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottomContent{position:absolute;bottom:0;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-withGradient{background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-content{width:80%;height:35%;margin:5px auto;background-color:rgba(0,0,0,0);background-color:#2b2b2b}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:80%;height:50%;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px;background-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{color:#fff;text-shadow:2px 2px 0 #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:relative}
|
package/es/index.js
CHANGED
|
@@ -181,27 +181,22 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
181
181
|
contentTop = _ref3.top;
|
|
182
182
|
|
|
183
183
|
var _useMemo = useMemo(function () {
|
|
184
|
-
var defaultImageHeight = width * 0.8;
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
// }
|
|
194
|
-
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
195
|
-
var finalMaxContentHeight = height - defaultImageHeight;
|
|
184
|
+
var defaultImageHeight = width * 0.8;
|
|
185
|
+
var difference = height - contentHeight - contentTop + 1;
|
|
186
|
+
|
|
187
|
+
if (difference > defaultImageHeight) {
|
|
188
|
+
return {
|
|
189
|
+
imageHeight: difference
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
|
|
196
193
|
return {
|
|
197
|
-
imageHeight:
|
|
198
|
-
|
|
199
|
-
};
|
|
194
|
+
imageHeight: difference
|
|
195
|
+
}; // const finalMaxContentHeight = height - defaultImageHeight;
|
|
196
|
+
// return { imageHeight: defaultImageHeight, maxContentHeight: finalMaxContentHeight };
|
|
200
197
|
}, [contentTop, contentHeight, width, height]),
|
|
201
198
|
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
202
199
|
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe,
|
|
203
|
-
_useMemo$maxContentHe = _useMemo.maxContentHeight,
|
|
204
|
-
maxContentHeight = _useMemo$maxContentHe === void 0 ? null : _useMemo$maxContentHe,
|
|
205
200
|
_useMemo$imageHeight = _useMemo.imageHeight,
|
|
206
201
|
imageHeight = _useMemo$imageHeight === void 0 ? null : _useMemo$imageHeight;
|
|
207
202
|
|
|
@@ -332,8 +327,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
332
327
|
className: classNames([styles.content, _defineProperty({}, styles["".concat(site)], site !== null)]),
|
|
333
328
|
style: _objectSpread({
|
|
334
329
|
paddingTop: spacing,
|
|
335
|
-
minHeight: minContentHeight
|
|
336
|
-
height: maxContentHeight
|
|
330
|
+
minHeight: minContentHeight
|
|
337
331
|
}, !isVideo ? getStyleFromColor(backgroundColor, 'backgroundColor') : null),
|
|
338
332
|
ref: contentRef
|
|
339
333
|
}, items), /*#__PURE__*/React.createElement("div", {
|
|
@@ -341,7 +335,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
341
335
|
}, /*#__PURE__*/React.createElement(Transitions, {
|
|
342
336
|
playing: transitionPlaying,
|
|
343
337
|
transitions: transitions,
|
|
344
|
-
disabled: transitionDisabled
|
|
338
|
+
disabled: transitionDisabled || true
|
|
345
339
|
}, /*#__PURE__*/React.createElement(ScreenElement, {
|
|
346
340
|
key: "image",
|
|
347
341
|
placeholder: /*#__PURE__*/React.createElement(PlaceholderImage, {
|
package/lib/index.js
CHANGED
|
@@ -201,27 +201,22 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
201
201
|
contentTop = _ref3.top;
|
|
202
202
|
|
|
203
203
|
var _useMemo = React.useMemo(function () {
|
|
204
|
-
var defaultImageHeight = width * 0.8;
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
// }
|
|
214
|
-
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
215
|
-
var finalMaxContentHeight = height - defaultImageHeight;
|
|
204
|
+
var defaultImageHeight = width * 0.8;
|
|
205
|
+
var difference = height - contentHeight - contentTop + 1;
|
|
206
|
+
|
|
207
|
+
if (difference > defaultImageHeight) {
|
|
208
|
+
return {
|
|
209
|
+
imageHeight: difference
|
|
210
|
+
};
|
|
211
|
+
}
|
|
212
|
+
|
|
216
213
|
return {
|
|
217
|
-
imageHeight:
|
|
218
|
-
|
|
219
|
-
};
|
|
214
|
+
imageHeight: difference
|
|
215
|
+
}; // const finalMaxContentHeight = height - defaultImageHeight;
|
|
216
|
+
// return { imageHeight: defaultImageHeight, maxContentHeight: finalMaxContentHeight };
|
|
220
217
|
}, [contentTop, contentHeight, width, height]),
|
|
221
218
|
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
222
219
|
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe,
|
|
223
|
-
_useMemo$maxContentHe = _useMemo.maxContentHeight,
|
|
224
|
-
maxContentHeight = _useMemo$maxContentHe === void 0 ? null : _useMemo$maxContentHe,
|
|
225
220
|
_useMemo$imageHeight = _useMemo.imageHeight,
|
|
226
221
|
imageHeight = _useMemo$imageHeight === void 0 ? null : _useMemo$imageHeight;
|
|
227
222
|
|
|
@@ -352,8 +347,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
352
347
|
className: classNames__default["default"]([styles.content, _defineProperty__default["default"]({}, styles["".concat(site)], site !== null)]),
|
|
353
348
|
style: _objectSpread__default["default"]({
|
|
354
349
|
paddingTop: spacing,
|
|
355
|
-
minHeight: minContentHeight
|
|
356
|
-
height: maxContentHeight
|
|
350
|
+
minHeight: minContentHeight
|
|
357
351
|
}, !isVideo ? utils.getStyleFromColor(backgroundColor, 'backgroundColor') : null),
|
|
358
352
|
ref: contentRef
|
|
359
353
|
}, items), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -361,7 +355,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
361
355
|
}, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
|
|
362
356
|
playing: transitionPlaying,
|
|
363
357
|
transitions: transitions,
|
|
364
|
-
disabled: transitionDisabled
|
|
358
|
+
disabled: transitionDisabled || true
|
|
365
359
|
}, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
|
|
366
360
|
key: "image",
|
|
367
361
|
placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderImage, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-article",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.95",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"@folklore/size": "^0.1.20",
|
|
54
54
|
"@micromag/core": "^0.3.91",
|
|
55
55
|
"@micromag/element-background": "^0.3.91",
|
|
56
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
56
|
+
"@micromag/element-call-to-action": "^0.3.95",
|
|
57
57
|
"@micromag/element-closed-captions": "^0.3.91",
|
|
58
58
|
"@micromag/element-container": "^0.3.91",
|
|
59
59
|
"@micromag/element-heading": "^0.3.91",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "40aacd3ad396812a0f6f9ba3135277ee4c72cb38"
|
|
76
76
|
}
|