Commit @d3d6501d9250067a0c40495a4d9e4287ff1b9e9e

[Notice] Announcing the End of Demo Server [Read me]

doortts 2012-11-08

separate css style from taskView

@d3d6501d9250067a0c40495a4d9e4287ff1b9e9e

3863a01

d3d6501

app/views/task/taskView.scala.html

--- app/views/task/taskView.scala.html

+++ app/views/task/taskView.scala.html


-@(project:Project) @main("TaskManager", project){
-<h1>TaskManager</h1>
+@(project:Project) 
+@import utils.TemplateHelper._
+@main("TaskManager", project){
 <style>
-section.line {
-  width: 150px;
-  float: left;
-  border: 2px solid #666666;
-  background: #fafafa;
-  margin-right: 5px;
-  border-radius: 5px;
-  text-align: center;
-  cursor: move;
-}
-
-section.line header {
-  padding: 5px;
-  background-color: #dadada;
-  border-top-left-radius: 5px;
-  border-top-right-radius: 5px;
-}
-
-article.card {
-  background: #b9a;
-  margin: 4px;
-  border-radius: 3px;
-  border: 1px solid gray;
-  min-height: 20px;
-}
-
-.cardlist {
-  border: 2px solid #f1f1f1;
-  background: #f1f1f1;
-}
-
-.over {
-  border: 2px dashed #000;
-}
-
-.dragTargetCard {
-  background-color: dadada;
-  color: dadada;
-}
-
-.blank {
-  min-height: 3px;
-}
-
-.overBlank {
-  min-height: 25px;
-  background-color: #ddd;
-}
-
-.fade {
-  background: #333;
-}
+    @@IMPORT url(@getCSSLink("taskboard"));
 </style>
+<h1>TaskManager</h1>
 <div ng-controller="controller">
   <section ng-repeat="line in lines" class="line">
     <header>{{line.title}}</header>

d3d6501

public/stylesheets/taskboard.css (added)

+++ public/stylesheets/taskboard.css

...	...	@@ -0,0 +1,52 @@
	1	+section.line {
	2	+ width: 150px;
	3	+ float: left;
	4	+ border: 2px solid #666666;
	5	+ background: #fafafa;
	6	+ margin-right: 5px;
	7	+ border-radius: 5px;
	8	+ text-align: center;
	9	+ cursor: move;
	10	+}
	11	+
	12	+section.line header {
	13	+ padding: 5px;
	14	+ background-color: #dadada;
	15	+ border-top-left-radius: 5px;
	16	+ border-top-right-radius: 5px;
	17	+}
	18	+
	19	+article.card {
	20	+ background: #b9a;
	21	+ margin: 4px;
	22	+ border-radius: 3px;
	23	+ border: 1px solid gray;
	24	+ min-height: 20px;
	25	+}
	26	+
	27	+.cardlist {
	28	+ border: 2px solid #f1f1f1;
	29	+ background: #f1f1f1;
	30	+}
	31	+
	32	+.over {
	33	+ border: 2px dashed #000;
	34	+}
	35	+
	36	+.dragTargetCard {
	37	+ background-color: dadada;
	38	+ color: dadada;
	39	+}
	40	+
	41	+.blank {
	42	+ min-height: 3px;
	43	+}
	44	+
	45	+.overBlank {
	46	+ min-height: 25px;
	47	+ background-color: #ddd;
	48	+}
	49	+
	50	+.fade {
	51	+ background: #333;
	52	+}(No newline at end of file)

Add a comment

Open 0
Closed 0

List

...	...	@@ -1,59 +1,10 @@
1		-@(project:Project) @main("TaskManager", project){
2		-<h1>TaskManager</h1>
	1	+@(project:Project)
	2	+@import utils.TemplateHelper._
	3	+@main("TaskManager", project){
3	4	<style>
4		-section.line {
5		- width: 150px;
6		- float: left;
7		- border: 2px solid #666666;
8		- background: #fafafa;
9		- margin-right: 5px;
10		- border-radius: 5px;
11		- text-align: center;
12		- cursor: move;
13		-}
14		-
15		-section.line header {
16		- padding: 5px;
17		- background-color: #dadada;
18		- border-top-left-radius: 5px;
19		- border-top-right-radius: 5px;
20		-}
21		-
22		-article.card {
23		- background: #b9a;
24		- margin: 4px;
25		- border-radius: 3px;
26		- border: 1px solid gray;
27		- min-height: 20px;
28		-}
29		-
30		-.cardlist {
31		- border: 2px solid #f1f1f1;
32		- background: #f1f1f1;
33		-}
34		-
35		-.over {
36		- border: 2px dashed #000;
37		-}
38		-
39		-.dragTargetCard {
40		- background-color: dadada;
41		- color: dadada;
42		-}
43		-
44		-.blank {
45		- min-height: 3px;
46		-}
47		-
48		-.overBlank {
49		- min-height: 25px;
50		- background-color: #ddd;
51		-}
52		-
53		-.fade {
54		- background: #333;
55		-}
	5	+ @@IMPORT url(@getCSSLink("taskboard"));
56	6	</style>
	7	+<h1>TaskManager</h1>
57	8	<div ng-controller="controller">
58	9	<section ng-repeat="line in lines" class="line">
59	10	<header>{{line.title}}</header>

Delete comment