@micromag/screen-urbania-article 0.3.89 → 0.3.90
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 +21 -13
- package/lib/index.js +21 -13
- 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;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:
|
|
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;overflow:hidden;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,22 +181,29 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
181
181
|
contentTop = _ref3.top;
|
|
182
182
|
|
|
183
183
|
var _useMemo = useMemo(function () {
|
|
184
|
-
var
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
184
|
+
var defaultImageHeight = width * 0.8; // const difference = height - contentHeight - contentTop + 1;
|
|
185
|
+
// if (difference > defaultImageHeight) {
|
|
186
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
187
|
+
// }
|
|
188
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
189
|
+
|
|
190
|
+
// const difference = height - contentHeight - contentTop + 1;
|
|
191
|
+
// if (difference > defaultImageHeight) {
|
|
192
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
193
|
+
// }
|
|
194
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
195
|
+
var finalMaxContentHeight = height - defaultImageHeight;
|
|
193
196
|
return {
|
|
194
|
-
imageHeight:
|
|
197
|
+
imageHeight: defaultImageHeight,
|
|
198
|
+
maxContentHeight: finalMaxContentHeight
|
|
195
199
|
};
|
|
196
200
|
}, [contentTop, contentHeight, width, height]),
|
|
197
201
|
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
198
202
|
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe,
|
|
199
|
-
|
|
203
|
+
_useMemo$maxContentHe = _useMemo.maxContentHeight,
|
|
204
|
+
maxContentHeight = _useMemo$maxContentHe === void 0 ? null : _useMemo$maxContentHe,
|
|
205
|
+
_useMemo$imageHeight = _useMemo.imageHeight,
|
|
206
|
+
imageHeight = _useMemo$imageHeight === void 0 ? null : _useMemo$imageHeight;
|
|
200
207
|
|
|
201
208
|
var _useScreenRenderConte = useScreenRenderContext(),
|
|
202
209
|
isView = _useScreenRenderConte.isView,
|
|
@@ -325,8 +332,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
325
332
|
className: classNames([styles.content, _defineProperty({}, styles["".concat(site)], site !== null)]),
|
|
326
333
|
style: _objectSpread({
|
|
327
334
|
paddingTop: spacing,
|
|
328
|
-
minHeight: minContentHeight
|
|
329
|
-
|
|
335
|
+
minHeight: minContentHeight,
|
|
336
|
+
height: maxContentHeight
|
|
337
|
+
}, !isVideo ? getStyleFromColor(backgroundColor, 'backgroundColor') : null),
|
|
330
338
|
ref: contentRef
|
|
331
339
|
}, items), /*#__PURE__*/React.createElement("div", {
|
|
332
340
|
className: styles.visual
|
package/lib/index.js
CHANGED
|
@@ -201,22 +201,29 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
201
201
|
contentTop = _ref3.top;
|
|
202
202
|
|
|
203
203
|
var _useMemo = React.useMemo(function () {
|
|
204
|
-
var
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
204
|
+
var defaultImageHeight = width * 0.8; // const difference = height - contentHeight - contentTop + 1;
|
|
205
|
+
// if (difference > defaultImageHeight) {
|
|
206
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
207
|
+
// }
|
|
208
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
209
|
+
|
|
210
|
+
// const difference = height - contentHeight - contentTop + 1;
|
|
211
|
+
// if (difference > defaultImageHeight) {
|
|
212
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
213
|
+
// }
|
|
214
|
+
// return { imageHeight: difference, minImageHeight: defaultImageHeight };
|
|
215
|
+
var finalMaxContentHeight = height - defaultImageHeight;
|
|
213
216
|
return {
|
|
214
|
-
imageHeight:
|
|
217
|
+
imageHeight: defaultImageHeight,
|
|
218
|
+
maxContentHeight: finalMaxContentHeight
|
|
215
219
|
};
|
|
216
220
|
}, [contentTop, contentHeight, width, height]),
|
|
217
221
|
_useMemo$minContentHe = _useMemo.minContentHeight,
|
|
218
222
|
minContentHeight = _useMemo$minContentHe === void 0 ? null : _useMemo$minContentHe,
|
|
219
|
-
|
|
223
|
+
_useMemo$maxContentHe = _useMemo.maxContentHeight,
|
|
224
|
+
maxContentHeight = _useMemo$maxContentHe === void 0 ? null : _useMemo$maxContentHe,
|
|
225
|
+
_useMemo$imageHeight = _useMemo.imageHeight,
|
|
226
|
+
imageHeight = _useMemo$imageHeight === void 0 ? null : _useMemo$imageHeight;
|
|
220
227
|
|
|
221
228
|
var _useScreenRenderConte = contexts.useScreenRenderContext(),
|
|
222
229
|
isView = _useScreenRenderConte.isView,
|
|
@@ -345,8 +352,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
345
352
|
className: classNames__default["default"]([styles.content, _defineProperty__default["default"]({}, styles["".concat(site)], site !== null)]),
|
|
346
353
|
style: _objectSpread__default["default"]({
|
|
347
354
|
paddingTop: spacing,
|
|
348
|
-
minHeight: minContentHeight
|
|
349
|
-
|
|
355
|
+
minHeight: minContentHeight,
|
|
356
|
+
height: maxContentHeight
|
|
357
|
+
}, !isVideo ? utils.getStyleFromColor(backgroundColor, 'backgroundColor') : null),
|
|
350
358
|
ref: contentRef
|
|
351
359
|
}, items), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
352
360
|
className: styles.visual
|
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.90",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@micromag/element-heading": "^0.3.88",
|
|
60
60
|
"@micromag/element-image": "^0.3.88",
|
|
61
61
|
"@micromag/element-media-controls": "^0.3.88",
|
|
62
|
-
"@micromag/element-urbania-author": "^0.3.
|
|
62
|
+
"@micromag/element-urbania-author": "^0.3.90",
|
|
63
63
|
"@micromag/element-video": "^0.3.88",
|
|
64
64
|
"@micromag/element-visual": "^0.3.88",
|
|
65
65
|
"@micromag/transforms": "^0.3.88",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"publishConfig": {
|
|
73
73
|
"access": "public"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "347556649f4402c7bbdb183beb41eb48ec1c059c"
|
|
76
76
|
}
|