@micromag/screen-share 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.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +6 -5
  3. package/lib/index.js +6 -5
  4. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-share-container .micromag-screen-share-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-share-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-share-disabled.micromag-screen-share-container{overflow:hidden;pointer-events:none}.micromag-screen-share-hidden.micromag-screen-share-container{display:none;visibility:hidden}.micromag-screen-share-placeholder.micromag-screen-share-container .micromag-screen-share-content{padding:6px;position:relative}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-share-container .micromag-screen-share-background{z-index:0}.micromag-screen-share-container .micromag-screen-share-content{z-index:1}.micromag-screen-share-layout{overflow-x:hidden;overflow-y:auto;padding:10px}.micromag-screen-share-shareOptions{margin-top:10px}.micromag-screen-share-shareOptions.micromag-screen-share-isCentered{-ms-flex-pack:center;justify-content:center}.micromag-screen-share-shareButton{display:-ms-flexbox;display:flex;width:100%}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{margin:10px auto;padding:10px;width:100%}.micromag-screen-share-emptyOptions{padding:40px}.micromag-screen-share-header{left:0;margin-top:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-share-footer{bottom:0;left:0;margin-top:0;position:absolute;width:100%}
1
+ .micromag-screen-share-container .micromag-screen-share-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-share-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-share-disabled.micromag-screen-share-container{overflow:hidden;pointer-events:none}.micromag-screen-share-hidden.micromag-screen-share-container{display:none;visibility:hidden}.micromag-screen-share-placeholder.micromag-screen-share-container .micromag-screen-share-content{padding:6px;position:relative}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-share-container .micromag-screen-share-background{z-index:0}.micromag-screen-share-container .micromag-screen-share-content{z-index:1}.micromag-screen-share-container .micromag-screen-share-heading{margin-bottom:10px}.micromag-screen-share-layout{overflow-x:hidden;overflow-y:auto;padding:10px}.micromag-screen-share-shareOptions.micromag-screen-share-isCentered{-ms-flex-pack:center;justify-content:center}.micromag-screen-share-shareButton{display:-ms-flexbox;display:flex;width:100%}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{margin:10px auto;padding:10px;width:100%}.micromag-screen-share-emptyOptions{padding:40px}.micromag-screen-share-header{left:0;margin-top:0;position:absolute;top:0;width:100%;z-index:1}.micromag-screen-share-footer{bottom:0;left:0;margin-top:0;position:absolute;width:100%}
package/es/index.js CHANGED
@@ -19,7 +19,7 @@ import ShareOptions from '@micromag/element-share-options';
19
19
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
20
20
  import { Heading1, Text, Container as Container$1 } from '@micromag/transforms/apple-news';
21
21
 
22
- var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton","header":"micromag-screen-share-header","footer":"micromag-screen-share-footer"};
22
+ var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","heading":"micromag-screen-share-heading","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton","header":"micromag-screen-share-header","footer":"micromag-screen-share-footer"};
23
23
 
24
24
  var propTypes = {
25
25
  layout: PropTypes.oneOf(['top', 'middle', 'bottom']),
@@ -165,17 +165,18 @@ var ShareScreen = function ShareScreen(_ref) {
165
165
  fullscreen: true,
166
166
  style: !isPlaceholder ? {
167
167
  padding: spacing,
168
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
168
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
169
169
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
170
170
  } : null
171
171
  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
172
172
  className: styles.header,
173
173
  ref: headerRef,
174
174
  style: {
175
- paddingTop: spacing,
175
+ paddingTop: spacing / 2,
176
176
  paddingBottom: spacing,
177
177
  paddingLeft: spacing,
178
- paddingRight: spacing
178
+ paddingRight: spacing,
179
+ transform: "translate(0px, ".concat(viewerTopHeight, "px)")
179
180
  }
180
181
  }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(ScreenElement, {
181
182
  key: "title",
@@ -219,7 +220,7 @@ var ShareScreen = function ShareScreen(_ref) {
219
220
  ref: footerRef,
220
221
  style: {
221
222
  paddingTop: spacing,
222
- paddingBottom: spacing,
223
+ paddingBottom: spacing / 2,
223
224
  paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
224
225
  paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0)
225
226
  }
package/lib/index.js CHANGED
@@ -39,7 +39,7 @@ var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
39
39
  var ShareOptions__default = /*#__PURE__*/_interopDefaultLegacy(ShareOptions);
40
40
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
41
41
 
42
- var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton","header":"micromag-screen-share-header","footer":"micromag-screen-share-footer"};
42
+ var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","heading":"micromag-screen-share-heading","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton","header":"micromag-screen-share-header","footer":"micromag-screen-share-footer"};
43
43
 
44
44
  var propTypes = {
45
45
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom']),
@@ -185,17 +185,18 @@ var ShareScreen = function ShareScreen(_ref) {
185
185
  fullscreen: true,
186
186
  style: !isPlaceholder ? {
187
187
  padding: spacing,
188
- paddingTop: (current && !isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
188
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
189
189
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
190
190
  } : null
191
191
  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
192
192
  className: styles.header,
193
193
  ref: headerRef,
194
194
  style: {
195
- paddingTop: spacing,
195
+ paddingTop: spacing / 2,
196
196
  paddingBottom: spacing,
197
197
  paddingLeft: spacing,
198
- paddingRight: spacing
198
+ paddingRight: spacing,
199
+ transform: "translate(0px, ".concat(viewerTopHeight, "px)")
199
200
  }
200
201
  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
201
202
  key: "title",
@@ -239,7 +240,7 @@ var ShareScreen = function ShareScreen(_ref) {
239
240
  ref: footerRef,
240
241
  style: {
241
242
  paddingTop: spacing,
242
- paddingBottom: spacing,
243
+ paddingBottom: spacing / 2,
243
244
  paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
244
245
  paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0)
245
246
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-share",
3
- "version": "0.3.360",
3
+ "version": "0.3.361",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -72,5 +72,5 @@
72
72
  "publishConfig": {
73
73
  "access": "public"
74
74
  },
75
- "gitHead": "5531b1c55e0dd7e7a9c6eeee217ca28d985c7921"
75
+ "gitHead": "846c75443d002315fbf6ec9b6e6292f7f3dfbd06"
76
76
  }