Make certain items seem more clickable

This commit is contained in:
Tom Willemse 2013-07-13 21:23:46 +02:00
parent 84ae7a5fd4
commit 89eab56796
3 changed files with 17 additions and 8 deletions

View file

@ -57,7 +57,8 @@
(<:html
(<:head (page-title "Backlog")
(css *scrumli-bootstrap-css-location*
*scrumli-font-awesome-css-location*)
*scrumli-font-awesome-css-location*
(genurl 'scrumli-css))
(js *scrumli-bootstrap-js-location*
*scrumli-jquery-js-location*
*scrumli-react-js-location*
@ -83,6 +84,7 @@
(serve-static main-js "js/main.js")
(serve-static login-js "js/login.js")
(serve-static scrumli-css "css/scrumli.css")
(define-route stories-json ("stories" :content-type "text/json")
(if (logged-in-p)

3
static/css/scrumli.css Normal file
View file

@ -0,0 +1,3 @@
.clickable {
cursor: pointer;
}

View file

@ -37,11 +37,13 @@ var StoryTaskRow = React.createClass({
return (
<tr>
<td class="span1">
<i class="icon-arrow-up" onClick={this.moveUp}></i>
<i class="icon-arrow-down" onClick={this.moveDown}></i>
<i class="icon-arrow-up clickable"
onClick={this.moveUp}></i>
<i class="icon-arrow-down clickable"
onClick={this.moveDown}></i>
</td>
<td class="span2">
<span onClick={this.changeState}>
<span onClick={this.changeState} class="clickable">
<StateIcon state={this.state.state} /> {" "}
{this.state.state}
</span>
@ -149,17 +151,19 @@ var StoryRow = React.createClass({
return (
<tr>
<td class="span1">
<i class="icon-arrow-up" onClick={this.moveUp}></i>
<i class="icon-arrow-down" onClick={this.moveDown}></i>
<i class="icon-arrow-up clickable"
onClick={this.moveUp}></i>
<i class="icon-arrow-down clickable"
onClick={this.moveDown}></i>
</td>
<td class="span2">
<span onClick={this.changeState}>
<span onClick={this.changeState} class="clickable">
<StateIcon state={this.state.state} /> {" "}
{this.state.state}
</span>
</td>
<td>
<a onClick={this.handleClick}>
<a onClick={this.handleClick} class="clickable">
As a {this.props.story.role}, I
{this.props.story.necessity} to
{this.props.story.title}