projects page finished

Dmitriy Zaporozhets
1 parent d6b051c5
Showing 2 changed files with 54 additions and 33 deletions Show diff stats
app/assets/stylesheets/common.scss
app/views/projects/index.html.haml
@@ -78,6 +78,10 @@ a:focus {
 .prepend-top-10 {
   margin-top:10px;
 }
+
+.padded { 
+  padding:20px;
+}
 .no-borders { 
   border:none;
 }
@@ -643,22 +647,6 @@ p.time {
   .wll:hover { background:none }
 }
  
-
-.projects_list { 
-  a.project { 
-    h4 { 
-      color:#888;
-    }
-    &.active { 
-      h4 {
-        color:#111;
-        .ico.project { 
-          background-position:-209px -21px;
-        }
-      }
-    }
-  }
-}
 .ico { 
   background: url("images.png") no-repeat -85px -77px;
   width: 19px;
@@ -679,3 +667,36 @@ p.time {
     background-position:-209px -21px;
   }
 }
+
+.leftbar { 
+
+  h5, .title { 
+    padding:5px 10px;
+  }
+
+  h4 { 
+    font-size:14px;
+    padding:2px 10px;
+    color:#888;
+    border-bottom:1px solid #eee;
+    &:last-child { border:none; }
+  }
+
+  a.active { 
+    h4 {
+      color:#111;
+      border-right:4px solid $styled_border_color;
+      .ico.project { 
+        background-position:-209px -21px;
+      }
+    }
+  }
+}
+
+.btn { 
+  &.very_small { 
+    font-size:11px;
+    padding:4px;
+    margin:2px;
+  }
+}
-%h3
-  Projects
-  %small= "( #{current_user.projects.count} )"
-  - if current_user.can_create_project?
-    %span.right
-      = link_to new_project_path, :class => "btn small" do 
-        New Project
-%hr
 - unless @projects.empty?
   .row
-    .span5
-      %div.content_list.projects_list
-        - @projects.each do |project|
-          = link_to project_path(project), :remote => true, :class => dom_class(project) do
-            %h4
-              %span.ico.project
-              = truncate(project.name, :length => 26)
-    .span11.right.show_holder
-      .loading
+    .span4
+      %div.leftbar.ui-box
+        %h5
+          Projects
+          - if current_user.can_create_project?
+            %span.right
+              = link_to new_project_path, :class => "btn very_small info" do 
+                New Project
+        .content_list
+          - @projects.each do |project|
+            = link_to project_path(project), :remote => true, :class => dom_class(project) do
+              %h4
+                %span.ico.project
+                = truncate(project.name, :length => 22)
+    .span12.right
+      .show_holder.ui-box.padded
+        .loading
  
 - else
   %h2 Nothing here
...	...	@@ -78,6 +78,10 @@ a:focus {
78	78	.prepend-top-10 {
79	79	margin-top:10px;
80	80	}
	81	+
	82	+.padded {
	83	+ padding:20px;
	84	+}
81	85	.no-borders {
82	86	border:none;
83	87	}
...	...	@@ -643,22 +647,6 @@ p.time {
643	647	.wll:hover { background:none }
644	648	}
645	649
646		-
647		-.projects_list {
648		- a.project {
649		- h4 {
650		- color:#888;
651		- }
652		- &.active {
653		- h4 {
654		- color:#111;
655		- .ico.project {
656		- background-position:-209px -21px;
657		- }
658		- }
659		- }
660		- }
661		-}
662	650	.ico {
663	651	background: url("images.png") no-repeat -85px -77px;
664	652	width: 19px;
...	...	@@ -679,3 +667,36 @@ p.time {
679	667	background-position:-209px -21px;
680	668	}
681	669	}
	670	+
	671	+.leftbar {
	672	+
	673	+ h5, .title {
	674	+ padding:5px 10px;
	675	+ }
	676	+
	677	+ h4 {
	678	+ font-size:14px;
	679	+ padding:2px 10px;
	680	+ color:#888;
	681	+ border-bottom:1px solid #eee;
	682	+ &:last-child { border:none; }
	683	+ }
	684	+
	685	+ a.active {
	686	+ h4 {
	687	+ color:#111;
	688	+ border-right:4px solid $styled_border_color;
	689	+ .ico.project {
	690	+ background-position:-209px -21px;
	691	+ }
	692	+ }
	693	+ }
	694	+}
	695	+
	696	+.btn {
	697	+ &.very_small {
	698	+ font-size:11px;
	699	+ padding:4px;
	700	+ margin:2px;
	701	+ }
	702	+}
...	...
1		-%h3
2		- Projects
3		- %small= "( #{current_user.projects.count} )"
4		- - if current_user.can_create_project?
5		- %span.right
6		- = link_to new_project_path, :class => "btn small" do
7		- New Project
8		-%hr
9	1	- unless @projects.empty?
10	2	.row
11		- .span5
12		- %div.content_list.projects_list
13		- - @projects.each do \|project\|
14		- = link_to project_path(project), :remote => true, :class => dom_class(project) do
15		- %h4
16		- %span.ico.project
17		- = truncate(project.name, :length => 26)
18		- .span11.right.show_holder
19		- .loading
	3	+ .span4
	4	+ %div.leftbar.ui-box
	5	+ %h5
	6	+ Projects
	7	+ - if current_user.can_create_project?
	8	+ %span.right
	9	+ = link_to new_project_path, :class => "btn very_small info" do
	10	+ New Project
	11	+ .content_list
	12	+ - @projects.each do \|project\|
	13	+ = link_to project_path(project), :remote => true, :class => dom_class(project) do
	14	+ %h4
	15	+ %span.ico.project
	16	+ = truncate(project.name, :length => 22)
	17	+ .span12.right
	18	+ .show_holder.ui-box.padded
	19	+ .loading
20	20
21	21	- else
22	22	%h2 Nothing here
...	...