snippets restyle

Dmitriy Zaporozhets
1 parent 80c34985
Showing 5 changed files with 53 additions and 40 deletions Show diff stats
app/assets/stylesheets/application.css
app/assets/stylesheets/issues.css.scss
app/views/snippets/_form.html.haml
app/views/snippets/index.html.haml
app/views/snippets/show.html.haml
@@ -34,6 +34,9 @@
 .width-65p{
   width:65%;
 }
+.width-100p{
+  width:100%;
+}
 .append-bottom-10 {
   margin-bottom:10px;
 }
@@ -43,3 +46,6 @@
 .no-borders { 
   border:none;
 }
+.no-padding { 
+  padding:0 !important;
+}
@@ -59,7 +59,11 @@
 }
 body.project-page .issue-form-holder table.no-borders tr,
-body.project-page .issue-form-holder table.no-borders td
+body.project-page .issue-form-holder table.no-borders td,
+body.project-page .new_snippet table tr,
+body.project-page .new_snippet table td,
+body.project-page .edit_snippet table tr,
+body.project-page .edit_snippet table td
 {
   &:hover { 
     background:none;
 %div
-  = form_for [@project, @snippet] do |f|
-    -if @snippet.errors.any?
-      %ul
-        - @snippet.errors.full_messages.each do |msg|
-          %li= msg
+  .ui-box.width-100p
+    %h3
+      = @snippet.new_record? ? "New snippet" : "Edit snippet ##{@snippet.id}"
+    = form_for [@project, @snippet] do |f|
+      .data.no-padding
+        %table.no-borders
+          -if @snippet.errors.any?
+            %tr 
+              %td Errors
+              %td
+                #error_explanation
+                  - @snippet.errors.full_messages.each do |msg|
+                    %span= msg
+                    %br
-    %table.round-borders
-      %tr
-        %td= f.label :title
-        %td= f.text_field :title, :placeholder => "Example Snippet"
-      %tr
-        %td= f.label :file_name
-        %td= f.text_field :file_name, :placeholder => "example.rb"
-      %tr
-        %td= f.label "Lifetime"
-        %td= f.select :expires_at, lifetime_select_options
-      %tr
-        %td{:colspan => 2}
-          = f.label :content, "Code"
-          %br
-          %br
-          = f.text_area :content
+          %tr
+            %td= f.label :title
+            %td= f.text_field :title, :placeholder => "Example Snippet"
+          %tr
+            %td= f.label :file_name
+            %td= f.text_field :file_name, :placeholder => "example.rb"
+          %tr
+            %td= f.label "Lifetime"
+            %td= f.select :expires_at, lifetime_select_options
+          %tr
+            %td{:colspan => 2}
+              = f.label :content, "Code"
+              %br
+              %br
+              = f.text_area :content
-    .actions.prepend-top
-      = f.submit 'Save', :class => "button"
+      .buttons
+        = f.submit 'Save', :class => "grey-button"
@@ -2,9 +2,7 @@
   - if can? current_user, :write_snippet, @project
     = link_to 'New Snippet', new_project_snippet_path(@project), :class => "grey-button append-bottom-10"
-  %table.round-borders#snippets-table
-    %thead
-      %th
+  %table#snippets-table
     = render @snippets.fresh
 :javascript
   $('.delete-snippet').live('ajax:success', function() {
 - if !@snippet.expired?
-  %h2
-    = "Snippet ##{@snippet.id} - #{@snippet.title}"
-
-  .view_file
-    .view_file_header
-      %strong
-        = @snippet.file_name
-        %br/
-    .view_file_content
+  .ui-box.width-100p
+    %h3
+      = @snippet.title
+      .right= @snippet.file_name
+    .data.no-padding
       :erb
         <%= raw @snippet.colorize %>
-  - if can?(current_user, :admin_snippet, @project) || @snippet.author == current_user
-    = link_to 'Edit', edit_project_snippet_path(@project, @snippet), :class => "lbutton positive"
-  - if can?(current_user, :admin_snippet, @project) || @snippet.author == current_user
-    = link_to 'Destroy', [@project, @snippet], :confirm => 'Are you sure?', :method => :delete, :class => "lbutton delete-snippet negative", :id => "destroy_snippet_#{@snippet.id}"
+    .buttons
+      - if can?(current_user, :admin_snippet, @project) || @snippet.author == current_user
+        = link_to 'Edit', edit_project_snippet_path(@project, @snippet), :class => "grey-button"
+      - if can?(current_user, :admin_snippet, @project) || @snippet.author == current_user
+        .right= link_to 'Destroy', [@project, @snippet], :confirm => 'Are you sure?', :method => :delete, :class => "grey-button delete-snippet negative", :id => "destroy_snippet_#{@snippet.id}"
   .clear
   %br
   .snippet_notes= render "notes/notes"
1	%div	1	%div
2	- = form_for [@project, @snippet] do \|f\|
3	- -if @snippet.errors.any?
4	- %ul
5	- - @snippet.errors.full_messages.each do \|msg\|
6	- %li= msg	2	+ .ui-box.width-100p
		3	+ %h3
		4	+ = @snippet.new_record? ? "New snippet" : "Edit snippet ##{@snippet.id}"
		5	+ = form_for [@project, @snippet] do \|f\|
		6	+ .data.no-padding
		7	+ %table.no-borders
		8	+ -if @snippet.errors.any?
		9	+ %tr
		10	+ %td Errors
		11	+ %td
		12	+ #error_explanation
		13	+ - @snippet.errors.full_messages.each do \|msg\|
		14	+ %span= msg
		15	+ %br
7		16
8	- %table.round-borders
9	- %tr
10	- %td= f.label :title
11	- %td= f.text_field :title, :placeholder => "Example Snippet"
12	- %tr
13	- %td= f.label :file_name
14	- %td= f.text_field :file_name, :placeholder => "example.rb"
15	- %tr
16	- %td= f.label "Lifetime"
17	- %td= f.select :expires_at, lifetime_select_options
18	- %tr
19	- %td{:colspan => 2}
20	- = f.label :content, "Code"
21	- %br
22	- %br
23	- = f.text_area :content	17	+ %tr
		18	+ %td= f.label :title
		19	+ %td= f.text_field :title, :placeholder => "Example Snippet"
		20	+ %tr
		21	+ %td= f.label :file_name
		22	+ %td= f.text_field :file_name, :placeholder => "example.rb"
		23	+ %tr
		24	+ %td= f.label "Lifetime"
		25	+ %td= f.select :expires_at, lifetime_select_options
		26	+ %tr
		27	+ %td{:colspan => 2}
		28	+ = f.label :content, "Code"
		29	+ %br
		30	+ %br
		31	+ = f.text_area :content
24		32
25	- .actions.prepend-top
26	- = f.submit 'Save', :class => "button"	33	+ .buttons
		34	+ = f.submit 'Save', :class => "grey-button"