@blocklet/launcher-layout 1.5.52 → 1.5.55

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 (3) hide show
  1. package/lib/header.js +2 -2
  2. package/lib/index.js +4 -2
  3. package/package.json +2 -2
package/lib/header.js CHANGED
@@ -67,7 +67,7 @@ function AppHeader(_ref) {
67
67
  setAppNameSize('small');
68
68
  }
69
69
  }
70
- }, [appNameSize]);
70
+ }, [appNameSize, title]);
71
71
  return /*#__PURE__*/_react.default.createElement(Container, {
72
72
  className: appNameSize === 'small' ? 'center-mode' : ''
73
73
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -104,4 +104,4 @@ AppHeader.defaultProps = {
104
104
  const Container = _styledComponents.default.div.withConfig({
105
105
  displayName: "header__Container",
106
106
  componentId: "sc-1twhts3-0"
107
- })(["display:flex;justify-content:flex-start;align-items:flex-start;", "{min-height:70px;}.app-name-content{display:flex;align-items:center;justify-content:center;", "{align-items:flex-start;flex-direction:column;}", "{height:22px;}}.launching-context{flex-shrink:0;font-size:16px;font-weight:600;color:", ";", "{margin-bottom:4px;}", "{font-size:14px;line-height:15px;&:after{display:inline-block;margin:0 4px;content:':';}}}&.center-mode{align-items:flex-start;.launching-context{", "{margin-bottom:0;}}}.app-icon{flex-shrink:0;> *{display:block;vertical-align:middle;}}.header-title{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;margin-left:24px;", "{margin-left:16px;}.header-title-name{display:flex;justify-content:center;align-items:center;color:", ";font-weight:500;", "{font-size:18px;line-height:1.2em;&.middle-size{font-size:16px;}}", "{display:block;max-width:calc(100vw - 100px);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}.header-title-sub{color:", ";font-size:14px;line-height:16px;margin-top:5px;", "{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}}"], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.grey[500], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.common.black, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.grey[700], props => props.theme.breakpoints.down('sm'));
107
+ })(["display:flex;justify-content:flex-start;align-items:flex-start;width:100%;", "{min-height:70px;}", "{align-items:center;}.app-name-content{width:100%;display:flex;align-items:center;justify-content:center;", "{align-items:flex-start;flex-direction:column;}", "{height:22px;}}.launching-context{flex-shrink:0;font-size:16px;font-weight:600;color:", ";", "{margin-bottom:4px;}", "{font-size:14px;line-height:15px;&:after{display:inline-block;margin:0 4px;content:':';}}}&.center-mode{align-items:flex-start;.launching-context{", "{margin-bottom:0;}}}.app-icon{flex-shrink:0;> *{display:block;vertical-align:middle;}}.header-title{flex:1;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;margin-left:24px;", "{margin-left:16px;}.header-title-name{position:relative;display:flex;justify-content:center;align-items:center;flex:1;height:100%;color:", ";font-weight:500;", "{font-size:18px;line-height:1.2em;&.middle-size{font-size:16px;}}", "{display:block;max-width:calc(100vw - 100px);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}.header-title-sub{color:", ";font-size:14px;line-height:16px;margin-top:5px;", "{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}}"], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.grey[500], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.common.black, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.grey[700], props => props.theme.breakpoints.down('sm'));
package/lib/index.js CHANGED
@@ -74,7 +74,9 @@ function Layout(_ref) {
74
74
  onClick: () => toggleNav(true),
75
75
  className: "menu__icon"
76
76
  }), /*#__PURE__*/_react.default.createElement(_header.default, {
77
- title: blockletMeta.title,
77
+ title: /*#__PURE__*/_react.default.createElement("span", {
78
+ className: "ellipsis-title"
79
+ }, blockletMeta.title),
78
80
  subTitle: "".concat(translations.stepTip, " ").concat(activeStep + 1, "/").concat(totalStepsCount),
79
81
  logoUrl: logoUrl,
80
82
  did: blockletMeta.did,
@@ -132,7 +134,7 @@ if (ua.includes('iphone os') && ua.includes('crios')) {
132
134
  const Root = _styledComponents.default.div.withConfig({
133
135
  displayName: "src__Root",
134
136
  componentId: "sc-11nbl7p-2"
135
- })(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;", " ", "{background:#ebeef2;}", "{background:", ";}.root-header{position:fixed;z-index:200;top:0;display:flex;width:100%;height:68px;align-items:center;", "{padding:24px;justify-content:flex-end;}", "{padding:14px;justify-content:space-between;background:", ";}.left{display:flex;align-items:center;.menu__icon{margin-right:16px;color:#999999;}}.right{display:flex;align-items:center;}}"], injectStyle, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.common.white, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.common.white);
137
+ })(["display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;", " .ellipsis-title{flex:1;position:absolute;left:0;top:0;width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}", "{background:#ebeef2;}", "{background:", ";}.root-header{position:fixed;z-index:200;top:0;display:flex;width:100%;height:72px;align-items:center;", "{padding:24px;justify-content:flex-end;}", "{padding:14px 16px;justify-content:space-between;background:", ";}.left{flex:1;display:flex;align-items:center;.menu__icon{margin-right:16px;color:", ";}}.right{display:flex;align-items:center;}}"], injectStyle, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.common.white, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.common.white, props => props.theme.palette.grey[900]);
136
138
 
137
139
  const Center = _styledComponents.default.div.withConfig({
138
140
  displayName: "src__Center",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/launcher-layout",
3
- "version": "1.5.52",
3
+ "version": "1.5.55",
4
4
  "description": "Common ux components of launcher",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -56,5 +56,5 @@
56
56
  "babel-plugin-inline-react-svg": "^2.0.1",
57
57
  "babel-plugin-styled-components": "^1.10.7"
58
58
  },
59
- "gitHead": "37191c88f28becc6cc7396e2d2d1d1230569595d"
59
+ "gitHead": "7425d12ea469ee9325652d485b8b5257748082be"
60
60
  }