making sure cursors and css are good in the main site

4 files changed, 17 insertions, 16 deletions

diff --git a/frontend/views/page/components/tile.handle.js b/frontend/views/page/components/tile.handle.js
index f3a700b..bd47ae9 100644
--- a/frontend/views/page/components/tile.handle.js
+++ b/frontend/views/page/components/tile.handle.js
@@ -11,7 +11,7 @@ const TileHandle = ({ tile, bounds, box, viewing, onMouseDown, onDoubleClick })
   // console.log(generateTransform(tile))
   let content;
   let className = ['tile', tile.type].join(' ')
-  if (tile.target_page_id) {
+  if (tile.target_page_id || (viewing && tile.href)) {
     className += ' ' + (tile.settings.cursor || 'hand_up')
   }
   // console.log(tile.settings)
diff --git a/frontend/views/page/cursors.css b/frontend/views/page/cursors.css
new file mode 100644
index 0000000..5f90dd1
--- /dev/null
+++ b/frontend/views/page/cursors.css
@@ -0,0 +1,15 @@
+/* cursors */
+/* keep in separate file so they don't conflict. a copy of this lives in site.css */
+
+.tile.hand_up {
+  cursor: url(/static/img/hand_up.png) 40 10, pointer;
+}
+.tile.hand_right {
+  cursor: url(/static/img/hand_right.png) 90 40, pointer;
+}
+.tile.hand_down {
+  cursor: url(/static/img/hand_down.png) 60 90, pointer;
+}
+.tile.hand_left {
+  cursor: url(/static/img/hand_left.png) 10 60, pointer;
+}
diff --git a/frontend/views/page/page.container.js b/frontend/views/page/page.container.js
index 5da41d6..26bed30 100644
--- a/frontend/views/page/page.container.js
+++ b/frontend/views/page/page.container.js
@@ -4,6 +4,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import './page.css'
+import './cursors.css'
 
 import actions from '../../actions'
 import { Loader } from '../../common'
diff --git a/frontend/views/page/page.css b/frontend/views/page/page.css
index c29aff2..ec41241 100644
--- a/frontend/views/page/page.css
+++ b/frontend/views/page/page.css
@@ -168,18 +168,3 @@
   width: 6rem;
   max-width: 6rem;
 }
-
-/* cursors */
-
-.tile.hand_up {
-  cursor: url(/static/img/hand_up.png) 40 10, pointer;
-}
-.tile.hand_right {
-  cursor: url(/static/img/hand_right.png) 90 40, pointer;
-}
-.tile.hand_down {
-  cursor: url(/static/img/hand_down.png) 60 90, pointer;
-}
-.tile.hand_left {
-  cursor: url(/static/img/hand_left.png) 10 60, pointer;
-}