diff options
| author |  Tom Willemse | 2013-07-13 21:23:46 +0200 |
|---|---|---|
| committer | Tom Willemse | 2013-07-13 21:23:46 +0200 |
| commit | 89eab5679656afc89442ffc3adf5316af46606c1 (patch) | |
| tree | b0a76d5192247306324533cc71877f5379dbcc49 | |
| parent | 84ae7a5fd4524cc06def467efd62019d810781f4 (diff) | |
| download | scrumli-89eab5679656afc89442ffc3adf5316af46606c1.tar.gz scrumli-89eab5679656afc89442ffc3adf5316af46606c1.zip | |
Make certain items seem more clickable
| -rw-r--r-- | scrumli.lisp | 4 | ||||
| -rw-r--r-- | static/css/scrumli.css | 3 | ||||
| -rw-r--r-- | static/js/main.js | 18 |
3 files changed, 17 insertions, 8 deletions
diff --git a/scrumli.lisp b/scrumli.lisp index 33a9ae9..7900740 100644 --- a/scrumli.lisp +++ b/scrumli.lisp @@ -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) diff --git a/static/css/scrumli.css b/static/css/scrumli.css new file mode 100644 index 0000000..97ada10 --- /dev/null +++ b/static/css/scrumli.css @@ -0,0 +1,3 @@ +.clickable { + cursor: pointer; +} diff --git a/static/js/main.js b/static/js/main.js index 3e5ae07..e8991ad 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -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} |