🎬 improve Dropdown context menu demo

ant-design · Dec 10, 2019 · 20ef1f1 · 20ef1f1
1 parent 62839eb
commit 20ef1f1
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/components/dropdown/__tests__/__snapshots__/demo.test.js.snap b/components/dropdown/__tests__/__snapshots__/demo.test.js.snap
@@ -29,12 +29,12 @@ exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
 `;
 
 exports[`renders ./components/dropdown/demo/context-menu.md correctly 1`] = `
-<span
+<div
   class="ant-dropdown-trigger"
-  style="user-select:none"
+  style="text-align:center;background:#f7f7f7;height:200px;line-height:200px;color:#777"
 >
-  Right Click on Me
-</span>
+  Right Click on here
+</div>
 `;
 
 exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `

diff --git a/components/dropdown/demo/context-menu.md b/components/dropdown/demo/context-menu.md
@@ -26,7 +26,17 @@ const menu = (
 
 ReactDOM.render(
   <Dropdown overlay={menu} trigger={['contextMenu']}>
-    <span style={{ userSelect: 'none' }}>Right Click on Me</span>
+    <div
+      style={{
+        textAlign: 'center',
+        background: '#f7f7f7',
+        height: 200,
+        lineHeight: '200px',
+        color: '#777',
+      }}
+    >
+      Right Click on here
+    </div>
   </Dropdown>,
   mountNode,
 );