@micromag/screen-quiz 0.3.360 → 0.3.361
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/es/index.js +9 -9
- package/lib/index.js +9 -9
- package/package.json +2 -2
package/es/index.js
CHANGED
|
@@ -695,11 +695,11 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
695
695
|
className: classNames([styles$2.header, _defineProperty({}, styles$2.disabled, scrolledBottom && !scrollingDisabled && hasScroll)]),
|
|
696
696
|
ref: headerRef,
|
|
697
697
|
style: {
|
|
698
|
-
paddingTop: spacing,
|
|
698
|
+
paddingTop: spacing / 2,
|
|
699
699
|
paddingLeft: spacing,
|
|
700
700
|
paddingRight: spacing,
|
|
701
701
|
paddingBottom: spacing,
|
|
702
|
-
transform:
|
|
702
|
+
transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
|
|
703
703
|
}
|
|
704
704
|
}, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(Question, {
|
|
705
705
|
question: question,
|
|
@@ -724,7 +724,7 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
724
724
|
className: styles$2.question,
|
|
725
725
|
style: !isPlaceholder ? {
|
|
726
726
|
padding: spacing,
|
|
727
|
-
paddingTop: (
|
|
727
|
+
paddingTop: (!isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
|
|
728
728
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
|
|
729
729
|
} : null
|
|
730
730
|
})), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
|
|
@@ -1118,7 +1118,7 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1118
1118
|
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
1119
1119
|
headerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
|
|
1120
1120
|
var _useDimensionObserver3 = useDimensionObserver(),
|
|
1121
|
-
|
|
1121
|
+
footerRef = _useDimensionObserver3.ref,
|
|
1122
1122
|
_useDimensionObserver4 = _useDimensionObserver3.height,
|
|
1123
1123
|
callToActionHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
|
|
1124
1124
|
var showInstantAnswer = isStatic || isCapture;
|
|
@@ -1345,11 +1345,11 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1345
1345
|
className: classNames([styles$2.header, _defineProperty({}, styles$2.disabled, scrolledBottom && !scrollingDisabled && hasScroll)]),
|
|
1346
1346
|
ref: headerRef,
|
|
1347
1347
|
style: {
|
|
1348
|
-
paddingTop: spacing,
|
|
1348
|
+
paddingTop: spacing / 2,
|
|
1349
1349
|
paddingLeft: spacing,
|
|
1350
1350
|
paddingRight: spacing,
|
|
1351
1351
|
paddingBottom: spacing,
|
|
1352
|
-
transform:
|
|
1352
|
+
transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
|
|
1353
1353
|
}
|
|
1354
1354
|
}, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(Scroll, {
|
|
1355
1355
|
verticalAlign: verticalAlign,
|
|
@@ -1431,14 +1431,14 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1431
1431
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
|
|
1432
1432
|
} : null
|
|
1433
1433
|
}))) : null])), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
|
|
1434
|
-
ref:
|
|
1434
|
+
ref: footerRef,
|
|
1435
1435
|
className: classNames([styles$2.footer, _defineProperty({}, styles$2.disabled, !scrolledBottom)]),
|
|
1436
1436
|
style: {
|
|
1437
|
-
transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
|
|
1438
1437
|
paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
1439
1438
|
paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
1440
1439
|
paddingTop: spacing / 2,
|
|
1441
|
-
paddingBottom: spacing / 2
|
|
1440
|
+
paddingBottom: spacing / 2,
|
|
1441
|
+
transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null
|
|
1442
1442
|
}
|
|
1443
1443
|
}, /*#__PURE__*/React.createElement(Footer, footerProps)) : null), !isPlaceholder ? /*#__PURE__*/React.createElement(TransitionGroup, null, /*#__PURE__*/React.createElement(CSSTransition, {
|
|
1444
1444
|
key: backgroundKey,
|
package/lib/index.js
CHANGED
|
@@ -718,11 +718,11 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
718
718
|
className: classNames__default["default"]([styles$2.header, _defineProperty__default["default"]({}, styles$2.disabled, scrolledBottom && !scrollingDisabled && hasScroll)]),
|
|
719
719
|
ref: headerRef,
|
|
720
720
|
style: {
|
|
721
|
-
paddingTop: spacing,
|
|
721
|
+
paddingTop: spacing / 2,
|
|
722
722
|
paddingLeft: spacing,
|
|
723
723
|
paddingRight: spacing,
|
|
724
724
|
paddingBottom: spacing,
|
|
725
|
-
transform:
|
|
725
|
+
transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
|
|
726
726
|
}
|
|
727
727
|
}, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(Question, {
|
|
728
728
|
question: question,
|
|
@@ -747,7 +747,7 @@ var QuizScreen = function QuizScreen(_ref) {
|
|
|
747
747
|
className: styles$2.question,
|
|
748
748
|
style: !isPlaceholder ? {
|
|
749
749
|
padding: spacing,
|
|
750
|
-
paddingTop: (
|
|
750
|
+
paddingTop: (!isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
|
|
751
751
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
|
|
752
752
|
} : null
|
|
753
753
|
})), !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -1141,7 +1141,7 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1141
1141
|
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
1142
1142
|
headerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
|
|
1143
1143
|
var _useDimensionObserver3 = hooks.useDimensionObserver(),
|
|
1144
|
-
|
|
1144
|
+
footerRef = _useDimensionObserver3.ref,
|
|
1145
1145
|
_useDimensionObserver4 = _useDimensionObserver3.height,
|
|
1146
1146
|
callToActionHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
|
|
1147
1147
|
var showInstantAnswer = isStatic || isCapture;
|
|
@@ -1368,11 +1368,11 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1368
1368
|
className: classNames__default["default"]([styles$2.header, _defineProperty__default["default"]({}, styles$2.disabled, scrolledBottom && !scrollingDisabled && hasScroll)]),
|
|
1369
1369
|
ref: headerRef,
|
|
1370
1370
|
style: {
|
|
1371
|
-
paddingTop: spacing,
|
|
1371
|
+
paddingTop: spacing / 2,
|
|
1372
1372
|
paddingLeft: spacing,
|
|
1373
1373
|
paddingRight: spacing,
|
|
1374
1374
|
paddingBottom: spacing,
|
|
1375
|
-
transform:
|
|
1375
|
+
transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
|
|
1376
1376
|
}
|
|
1377
1377
|
}, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
|
|
1378
1378
|
verticalAlign: verticalAlign,
|
|
@@ -1454,14 +1454,14 @@ var QuizMultipleScreen = function QuizMultipleScreen(_ref) {
|
|
|
1454
1454
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
|
|
1455
1455
|
} : null
|
|
1456
1456
|
}))) : null])), !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1457
|
-
ref:
|
|
1457
|
+
ref: footerRef,
|
|
1458
1458
|
className: classNames__default["default"]([styles$2.footer, _defineProperty__default["default"]({}, styles$2.disabled, !scrolledBottom)]),
|
|
1459
1459
|
style: {
|
|
1460
|
-
transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
|
|
1461
1460
|
paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
1462
1461
|
paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
|
|
1463
1462
|
paddingTop: spacing / 2,
|
|
1464
|
-
paddingBottom: spacing / 2
|
|
1463
|
+
paddingBottom: spacing / 2,
|
|
1464
|
+
transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null
|
|
1465
1465
|
}
|
|
1466
1466
|
}, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.TransitionGroup, null, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
|
|
1467
1467
|
key: backgroundKey,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-quiz",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.361",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"publishConfig": {
|
|
77
77
|
"access": "public"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "846c75443d002315fbf6ec9b6e6292f7f3dfbd06"
|
|
80
80
|
}
|