@micromag/screen-urbania-recommendation 0.3.109 → 0.3.110
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 +5 -5
- package/lib/index.js +5 -5
- package/package.json +11 -11
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-recommendation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{position:relative;padding:6px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-recommendation-container{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear
|
|
1
|
+
.micromag-screen-urbania-recommendation-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-recommendation-disabled.micromag-screen-urbania-recommendation-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-recommendation-hidden.micromag-screen-urbania-recommendation-container{display:none;visibility:hidden}.micromag-screen-urbania-recommendation-placeholder.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-content{position:relative;padding:6px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-recommendation-container{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{width:100%;margin:10px auto}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyTitle{height:100px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-emptyText{height:50px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;border-radius:17px;-webkit-box-shadow:0 3px 34px rgba(0,0,0,.43);box-shadow:0 3px 34px rgba(0,0,0,.43);color:#000;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-textCard.micromag-screen-urbania-recommendation-appear{-webkit-animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;animation:micromag-screen-urbania-recommendation-appear 1s ease-in-out;-webkit-animation-delay:1.3s;animation-delay:1.3s;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category{padding:12px 10px 6px;border-bottom:2px solid #000;background-color:#ff4f46;color:#fff;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-category.micromag-screen-urbania-recommendation-noBottomBorder{border-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-categoryPlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#fff}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateTitleRow.micromag-screen-urbania-recommendation-isPlaceholder{margin-left:2px;padding:10px;background-color:#e9e9e9}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:30%;max-width:50%;height:inherit;padding:15px 10px;text-align:center;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer.micromag-screen-urbania-recommendation-rightBorder{border-right:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-dateContainer strong{white-space:nowrap}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date{color:#ff4f46;font-family:Agrandir,sans-serif;font-size:12px;line-height:1}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-date.micromag-screen-urbania-recommendation-centerDate{text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer{min-width:50%;max-width:70%;overflow-wrap:break-word}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-titleContainer.micromag-screen-urbania-recommendation-leftBorder{margin-right:-2px;margin-left:-2px;border-left:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{padding:15px 20px 11px;font-family:Agrandir Narrow,sans-serif;font-size:20px;font-weight:700;text-align:center}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor,.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-title{line-height:1;text-transform:uppercase}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor{padding:5px 10px 3px;background-color:#fffc00;font-family:Agrandir,sans-serif;font-size:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor>p{margin-top:0;margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsor.micromag-screen-urbania-recommendation-bottomBorder{border-bottom:2px solid #000}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description{padding:10px;background-color:#fff;font-family:Roboto,sans-serif;font-size:12px;text-align:left}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p{margin-bottom:1em}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-description p:last-child{margin-bottom:0}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-recommendation-container .micromag-screen-urbania-recommendation-background{-webkit-animation:micromag-screen-urbania-recommendation-roll 1.3s ease-out;animation:micromag-screen-urbania-recommendation-roll 1.3s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.micromag-screen-urbania-recommendation-container.micromag-screen-urbania-recommendation-isPlaceholder .micromag-screen-urbania-recommendation-layout{padding:10px}@-webkit-keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-100vh}to{background-position-y:0}}@keyframes micromag-screen-urbania-recommendation-roll{0%{background-position-y:-100vh}to{background-position-y:0}}@-webkit-keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}@keyframes micromag-screen-urbania-recommendation-appear{0%{opacity:0}66%{opacity:0}to{opacity:1}}
|
package/es/index.js
CHANGED
|
@@ -110,7 +110,7 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
110
110
|
var onlyCategory = hasCategory && !hasDate && !hasTitle && !hasSponsor && !hasDescription;
|
|
111
111
|
var hasTextCard = hasCategory || hasDate || hasTitle || hasSponsor || hasDescription;
|
|
112
112
|
var backgroundPlaying = current && (isView || isEdit);
|
|
113
|
-
var
|
|
113
|
+
var mediaShouldLoad = current || active;
|
|
114
114
|
var transitionPlaying = current;
|
|
115
115
|
var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
116
116
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
@@ -155,9 +155,9 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
155
155
|
}, [setScrolledBottom]);
|
|
156
156
|
var finalBackground = useMemo(function () {
|
|
157
157
|
return _objectSpread({
|
|
158
|
-
fit: '
|
|
159
|
-
horizontalAlign: 'left',
|
|
160
|
-
verticalAlign: '-20%',
|
|
158
|
+
fit: 'cover',
|
|
159
|
+
// horizontalAlign: 'left',
|
|
160
|
+
// verticalAlign: '-20%',
|
|
161
161
|
repeat: true
|
|
162
162
|
}, background);
|
|
163
163
|
}, [background]); // Create elements
|
|
@@ -279,7 +279,7 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
279
279
|
height: height,
|
|
280
280
|
resolution: resolution,
|
|
281
281
|
playing: backgroundPlaying,
|
|
282
|
-
shouldLoad:
|
|
282
|
+
shouldLoad: mediaShouldLoad,
|
|
283
283
|
backgroundClassName: finalAnimateBackground ? styles.background : null
|
|
284
284
|
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
285
285
|
width: width,
|
package/lib/index.js
CHANGED
|
@@ -130,7 +130,7 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
130
130
|
var onlyCategory = hasCategory && !hasDate && !hasTitle && !hasSponsor && !hasDescription;
|
|
131
131
|
var hasTextCard = hasCategory || hasDate || hasTitle || hasSponsor || hasDescription;
|
|
132
132
|
var backgroundPlaying = current && (isView || isEdit);
|
|
133
|
-
var
|
|
133
|
+
var mediaShouldLoad = current || active;
|
|
134
134
|
var transitionPlaying = current;
|
|
135
135
|
var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
|
|
136
136
|
var scrollingDisabled = !isEdit && transitionDisabled || !current;
|
|
@@ -175,9 +175,9 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
175
175
|
}, [setScrolledBottom]);
|
|
176
176
|
var finalBackground = React.useMemo(function () {
|
|
177
177
|
return _objectSpread__default["default"]({
|
|
178
|
-
fit: '
|
|
179
|
-
horizontalAlign: 'left',
|
|
180
|
-
verticalAlign: '-20%',
|
|
178
|
+
fit: 'cover',
|
|
179
|
+
// horizontalAlign: 'left',
|
|
180
|
+
// verticalAlign: '-20%',
|
|
181
181
|
repeat: true
|
|
182
182
|
}, background);
|
|
183
183
|
}, [background]); // Create elements
|
|
@@ -299,7 +299,7 @@ var Recommendation = function Recommendation(_ref) {
|
|
|
299
299
|
height: height,
|
|
300
300
|
resolution: resolution,
|
|
301
301
|
playing: backgroundPlaying,
|
|
302
|
-
shouldLoad:
|
|
302
|
+
shouldLoad: mediaShouldLoad,
|
|
303
303
|
backgroundClassName: finalAnimateBackground ? styles.background : null
|
|
304
304
|
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
305
305
|
width: width,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-recommendation",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.110",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -49,15 +49,15 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
|
-
"@micromag/core": "^0.3.
|
|
53
|
-
"@micromag/element-background": "^0.3.
|
|
54
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
55
|
-
"@micromag/element-container": "^0.3.
|
|
56
|
-
"@micromag/element-heading": "^0.3.
|
|
57
|
-
"@micromag/element-layout": "^0.3.
|
|
58
|
-
"@micromag/element-scroll": "^0.3.
|
|
59
|
-
"@micromag/element-text": "^0.3.
|
|
60
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.110",
|
|
53
|
+
"@micromag/element-background": "^0.3.110",
|
|
54
|
+
"@micromag/element-call-to-action": "^0.3.110",
|
|
55
|
+
"@micromag/element-container": "^0.3.110",
|
|
56
|
+
"@micromag/element-heading": "^0.3.110",
|
|
57
|
+
"@micromag/element-layout": "^0.3.110",
|
|
58
|
+
"@micromag/element-scroll": "^0.3.110",
|
|
59
|
+
"@micromag/element-text": "^0.3.110",
|
|
60
|
+
"@micromag/transforms": "^0.3.110",
|
|
61
61
|
"classnames": "^2.2.6",
|
|
62
62
|
"lodash": "^4.17.21",
|
|
63
63
|
"prop-types": "^15.7.2",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "a4a09bb4e14c7ee52330258a2e9a02b3cc8809a7"
|
|
71
71
|
}
|