tcitcs/pa11y-dashboard
2
0
Fork 0
forked from external-repos/pa11y-dashboard
Code Pull Requests Activity

Issue 21 - Add delete button to tasks on home page

Browse Source
This commit is contained in:
perryharlock
2013-09-18 08:27:12 +01:00
parent ac967b0a32
commit a956c084f3
2 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
public/css/site.css
View File

@@ -51,6 +51,15 @@ ul {
padding-bottom:15px; padding-bottom:15px;
margin-bottom:3rem; margin-bottom:3rem;
} }
.delete-button {
position:absolute;
top:5px;
right:20px;
color:#E74C3C;
}
.delete-button:hover {
color:#e52410;
}
/* Index table list */ /* Index table list */
@@ -122,13 +131,21 @@ ul {
line-height:37px; line-height:37px;
margin:26px 0; margin:26px 0;
} }
.task-card a { .task-card .task-card-link {
color:#808080; color:#808080;
min-height:183px; min-height:183px;
margin-bottom:20px; margin-bottom:20px;
display:block; display:block;
} }
.task-card a:hover { .task-card .delete-button {
display:none;
}
.task-card:hover .delete-button {
display:block;
}
.task-card .task-card-link:hover,
.task-card:hover .task-card-link
{
text-decoration: none; text-decoration: none;
background-color:#e4e5e5; background-color:#e4e5e5;
} }
@@ -246,7 +263,6 @@ ul {
opacity:1; opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */ filter:alpha(opacity=100); /* For IE8 and earlier */
} }
.standards-lists { .standards-lists {
height:300px; height:300px;
overflow:hidden; overflow:hidden;
@@ -254,7 +270,6 @@ ul {
margin-bottom:15px; margin-bottom:15px;
border-bottom:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5;
} }
.series-checkboxes { .series-checkboxes {
margin-top:15px; margin-top:15px;
} }

5
view/partial/tasks.html
View File

@@ -1,14 +1,15 @@
<ul class="list-unstyled clearfix"> <ul class="list-unstyled clearfix">
<li class="col-md-4 col-sm-6 task-card add-task"> <li class="col-md-4 col-sm-6 task-card add-task">
<a class="well" data-role="add-task" href="/new"> <a class="well task-card-link" data-role="add-task" href="/new">
<p class="h3 crunch">add new url</p> <p class="h3 crunch">add new url</p>
<p class="supersize-me crunch">+</p> <p class="supersize-me crunch">+</p>
</a> </a>
</li> </li>
{{#tasks}} {{#tasks}}
<li class="col-md-4 col-sm-6 task-card"> <li class="col-md-4 col-sm-6 task-card">
<a class="well" title="Task details for {{simplify-url url}}" href="/{{id}}"> <a title="Delete this url" class="delete-button" href="/{{id}}/delete"><span class="sr-only">Delete </span><span class="glyphicon glyphicon-remove"></span></a>
<a class="well task-card-link" title="Task details for {{simplify-url url}}" href="/{{id}}">
<p class="h3">{{simplify-url url}}</p> <p class="h3">{{simplify-url url}}</p>
<p class="h5">({{standard}})</p> <p class="h5">({{standard}})</p>
{{#if last_result}} {{#if last_result}}