Improve processed tasks view

Victor Costa
1 parent b1b40ef3
Showing 2 changed files with 10 additions and 1 deletions Show diff stats
app/views/tasks/processed.html.erb
public/stylesheets/tasks.css
@@ -35,7 +35,7 @@
 <% else %>
   <ul class="task-list">
     <% @tasks.each do |item| %>
-      <li class="task">
+      <li class="task status-<%= item.status%>">
         <div class="title">
           <strong><%= task_information(item) %></strong> <br/>
         </div>
@@ -62,6 +62,15 @@
   padding: 12px;
 }
+.task-processed .task.status-3 {
+  background-color: rgb(255, 203, 203);
+}
+
+.task-processed .task.status-2 {
+  background-color: rgb(205, 252, 218);
+}
+
+
 .task-processed ul {
   padding: 0;
 }
	@@ -35,7 +35,7 @@		@@ -35,7 +35,7 @@
35	<% else %>	35	<% else %>
36	<ul class="task-list">	36	<ul class="task-list">
37	<% @tasks.each do \|item\| %>	37	<% @tasks.each do \|item\| %>
38	- <li class="task">	38	+ <li class="task status-<%= item.status%>">
39	<div class="title">	39	<div class="title">
40	<strong><%= task_information(item) %></strong> <br/>	40	<strong><%= task_information(item) %></strong> <br/>
41	</div>	41	</div>
	@@ -62,6 +62,15 @@		@@ -62,6 +62,15 @@
62	padding: 12px;	62	padding: 12px;
63	}	63	}
64		64
		65	+.task-processed .task.status-3 {
		66	+ background-color: rgb(255, 203, 203);
		67	+}
		68	+
		69	+.task-processed .task.status-2 {
		70	+ background-color: rgb(205, 252, 218);
		71	+}
		72	+
		73	+
65	.task-processed ul {	74	.task-processed ul {
66	padding: 0;	75	padding: 0;
67	}	76	}