浏览代码

Docs: Adjusted demo of react–in–widgets for narrow screens. Added viewportTopOffset to the demo editor config.

Aleksander Nowodzinski 6 年之前
父节点
当前提交
712c5b9852
共有 1 个文件被更改,包括 13 次插入10 次删除
  1. 13 10
      docs/_snippets/framework/tutorials/using-react-in-widget.html

+ 13 - 10
docs/_snippets/framework/tutorials/using-react-in-widget.html

@@ -80,7 +80,7 @@
 
 .app .app__product-list ul {
 	display: grid;
-	grid-template-columns: 1fr 1fr;
+	grid-template-columns: 1fr;
 	grid-gap: 10px;
 	list-style-type: none;
 	margin: 1.5em 0;
@@ -235,15 +235,18 @@ class App extends React.Component {
 				// Our custom plugin implementing the widget is loaded here.
 				ProductPreviewEditing
 			],
-			toolbar: [
-				'heading',
-				'|',
-				'bold', 'italic', 'underline',
-				'|',
-				'link', 'insertTable',
-				'|',
-				'undo', 'redo'
-			],
+			toolbar: {
+				viewportTopOffset: window.getViewportTopOffsetConfig(),
+				items: [
+					'heading',
+					'|',
+					'bold', 'italic', 'underline',
+					'|',
+					'link', 'insertTable',
+					'|',
+					'undo', 'redo'
+				]
+			},
 			table: {
 				contentToolbar: [
 					'tableColumn',