@cloudflare/component-page 5.0.1 → 5.0.2
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/CHANGELOG.md +11 -0
- package/es/Page.js +1 -2
- package/lib/Page.js +1 -2
- package/package.json +2 -2
- package/src/Page.tsx +1 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [5.0.2](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-page@5.0.1...@cloudflare/component-page@5.0.2) (2021-11-23)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **component-page:** UI-4946 Fix mobile rendering ([dd60019](http://stash.cfops.it:7999/fe/stratus/commits/dd60019))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [5.0.1](http://stash.cfops.it:7999/fe/stratus/compare/@cloudflare/component-page@5.0.0...@cloudflare/component-page@5.0.1) (2021-11-23)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @cloudflare/component-page
|
package/es/Page.js
CHANGED
|
@@ -120,7 +120,6 @@ const Page = ({
|
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
const sidebarInside = sidebarPosition === 'inside';
|
|
123
|
-
const width = type === 'unbounded' ? '100%' : '90%';
|
|
124
123
|
return /*#__PURE__*/React.createElement(Main, {
|
|
125
124
|
"data-testid": testId,
|
|
126
125
|
className: className,
|
|
@@ -129,7 +128,7 @@ const Page = ({
|
|
|
129
128
|
ml: "auto",
|
|
130
129
|
mr: sidebar && !sidebarInside ? 0 : 'auto',
|
|
131
130
|
display: sidebar ? ['block', 'block', 'flex'] : undefined,
|
|
132
|
-
width:
|
|
131
|
+
width: type === 'unbounded' ? '100%' : '90%',
|
|
133
132
|
maxWidth: maxWidthByType[type] || maxWidthByType.narrow
|
|
134
133
|
}, /*#__PURE__*/React.createElement(Div, {
|
|
135
134
|
width: sidebar && sidebarInside ? [1, 1, 2 / 3] : undefined,
|
package/lib/Page.js
CHANGED
|
@@ -149,7 +149,6 @@ var Page = function Page(_ref5) {
|
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
var sidebarInside = sidebarPosition === 'inside';
|
|
152
|
-
var width = type === 'unbounded' ? '100%' : '90%';
|
|
153
152
|
return /*#__PURE__*/_react.default.createElement(_elements.Main, {
|
|
154
153
|
"data-testid": testId,
|
|
155
154
|
className: className,
|
|
@@ -158,7 +157,7 @@ var Page = function Page(_ref5) {
|
|
|
158
157
|
ml: "auto",
|
|
159
158
|
mr: sidebar && !sidebarInside ? 0 : 'auto',
|
|
160
159
|
display: sidebar ? ['block', 'block', 'flex'] : undefined,
|
|
161
|
-
width:
|
|
160
|
+
width: type === 'unbounded' ? '100%' : '90%',
|
|
162
161
|
maxWidth: maxWidthByType[type] || maxWidthByType.narrow
|
|
163
162
|
}, /*#__PURE__*/_react.default.createElement(_elements.Div, {
|
|
164
163
|
width: sidebar && sidebarInside ? [1, 1, 2 / 3] : undefined,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cloudflare/component-page",
|
|
3
3
|
"description": "Cloudflare Page Component",
|
|
4
|
-
"version": "5.0.
|
|
4
|
+
"version": "5.0.2",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
7
7
|
"author": "James Kyle <jkyle@cloudflare.com>",
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"test-coverage": "stratus test --coverage",
|
|
32
32
|
"test-watch": "stratus test --watch"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "155894df6e83b90a322155ee33eae61e97d8eb9c"
|
|
35
35
|
}
|
package/src/Page.tsx
CHANGED
|
@@ -175,7 +175,6 @@ const Page = ({
|
|
|
175
175
|
}
|
|
176
176
|
|
|
177
177
|
const sidebarInside = sidebarPosition === 'inside';
|
|
178
|
-
const width = type === 'unbounded' ? '100%' : '90%';
|
|
179
178
|
|
|
180
179
|
return (
|
|
181
180
|
<Main
|
|
@@ -187,7 +186,7 @@ const Page = ({
|
|
|
187
186
|
ml="auto"
|
|
188
187
|
mr={sidebar && !sidebarInside ? 0 : 'auto'}
|
|
189
188
|
display={sidebar ? ['block', 'block', 'flex'] : undefined}
|
|
190
|
-
width={
|
|
189
|
+
width={type === 'unbounded' ? '100%' : '90%'}
|
|
191
190
|
maxWidth={maxWidthByType[type] || maxWidthByType.narrow}
|
|
192
191
|
>
|
|
193
192
|
<Div
|