drag around examples

react-dnd · May 18, 2015 · 902da88 · 902da88
1 parent 52b394b
commit 902da88
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/examples/02 Drag Around/Custom Drag Layer/Box.js b/examples/02 Drag Around/Custom Drag Layer/Box.js
@@ -3,9 +3,9 @@ import shouldPureComponentUpdate from './shouldPureComponentUpdate';
 
 const styles = {
   border: '1px dashed gray',
-  padding: '0.5rem',
-  display: 'inline-block',
-  cursor: 'move'
+  backgroundColor: 'white',
+  padding: '0.5rem 1rem',
+  cursor: 'move',
 };
 
 export default class Box {

diff --git a/examples/02 Drag Around/Custom Drag Layer/index.js b/examples/02 Drag Around/Custom Drag Layer/index.js
@@ -46,14 +46,14 @@ export default class DragAroundCustomDragLayer extends Component {
             <input type='checkbox'
                    checked={snapToGridWhileDragging}
                    onChange={this.handleSnapToGridWhileDraggingChange} />
-            Snap to grid while dragging
+            <small>Snap to grid while dragging</small>
           </label>
           <br />
           <label>
             <input type='checkbox'
                    checked={snapToGridAfterDrop}
                    onChange={this.handleSnapToGridAfterDropChange} />
-            Snap to grid after drop
+            <small>Snap to grid after drop</small>
           </label>
         </p>
       </div>

diff --git a/examples/02 Drag Around/Naive/Box.js b/examples/02 Drag Around/Naive/Box.js
@@ -5,8 +5,9 @@ import { DragSource } from 'react-dnd';
 const style = {
   position: 'absolute',
   border: '1px dashed gray',
-  padding: '0.5rem',
-  cursor: 'move'
+  backgroundColor: 'white',
+  padding: '0.5rem 1rem',
+  cursor: 'move',
 };
 
 const boxSource = {

diff --git a/examples/02 Drag Around/Naive/index.js b/examples/02 Drag Around/Naive/index.js
@@ -46,7 +46,7 @@ export default class DragAroundNaive extends Component {
             <input type='checkbox'
                    checked={hideSourceOnDrag}
                    onChange={this.handleHideSourceClick} />
-            Hide the source item while dragging
+            <small>Hide the source item while dragging</small>
           </label>
         </p>
       </div>