Improve UI for project snippets

Dmitriy Zaporozhets
1 parent bbb06e50
Showing 3 changed files with 7 additions and 12 deletions Show diff stats
app/views/projects/snippets/_snippet.html.haml
app/views/projects/snippets/show.html.haml
db/fixtures/development/12_snippets.rb
 %li
-  .snippet-title
-    - if snippet.private?
-      %i.icon-lock.cgreen
-    - else
-      %i.icon-globe.cblue
+  %h4.snippet-title
     = link_to reliable_snippet_path(snippet) do
-      %h5.inline
-        = truncate(snippet.title, length: 60)
-    %span.cgray
+      = truncate(snippet.title, length: 60)
+    %span.cgray.monospace.tiny.pull-right
       = snippet.file_name
  
   %small.pull-right.cgray
@@ -17,9 +12,10 @@
     - else
       Never
  
-  .snippet-info.prepend-left-20
+  .snippet-info
     = "##{snippet.id}"
-    %span.light
+    %span
       by
       = image_tag gravatar_icon(snippet.author_email), class: "avatar avatar-inline s16"
       = snippet.author_name
+      %span.light #{time_ago_in_words(snippet.created_at)} ago
 %h3.page-title
-  %i.icon-lock.cgreen
   = @snippet.title
  
   %small.pull-right
@@ -13,7 +13,7 @@ Gitlab::Seeder.quiet do
     PersonalSnippet.seed(:id, [{
       id: i,
       author_id: user.id,
-      title: Faker::Lorem.sentence(6),
+      title: Faker::Lorem.sentence(3),
       file_name:  Faker::Internet.domain_word + '.sh',
       private: [true, false].sample,
       content: contents.sample,
1	1	%li
2		- .snippet-title
3		- - if snippet.private?
4		- %i.icon-lock.cgreen
5		- - else
6		- %i.icon-globe.cblue
	2	+ %h4.snippet-title
7	3	= link_to reliable_snippet_path(snippet) do
8		- %h5.inline
9		- = truncate(snippet.title, length: 60)
10		- %span.cgray
	4	+ = truncate(snippet.title, length: 60)
	5	+ %span.cgray.monospace.tiny.pull-right
11	6	= snippet.file_name
12	7
13	8	%small.pull-right.cgray
...	...	@@ -17,9 +12,10 @@
17	12	- else
18	13	Never
19	14
20		- .snippet-info.prepend-left-20
	15	+ .snippet-info
21	16	= "##{snippet.id}"
22		- %span.light
	17	+ %span
23	18	by
24	19	= image_tag gravatar_icon(snippet.author_email), class: "avatar avatar-inline s16"
25	20	= snippet.author_name
	21	+ %span.light #{time_ago_in_words(snippet.created_at)} ago
...	...
1	1	%h3.page-title
2		- %i.icon-lock.cgreen
3	2	= @snippet.title
4	3
5	4	%small.pull-right
...	...
...	...	@@ -13,7 +13,7 @@ Gitlab::Seeder.quiet do
13	13	PersonalSnippet.seed(:id, [{
14	14	id: i,
15	15	author_id: user.id,
16		- title: Faker::Lorem.sentence(6),
	16	+ title: Faker::Lorem.sentence(3),
17	17	file_name: Faker::Internet.domain_word + '.sh',
18	18	private: [true, false].sample,
19	19	content: contents.sample,
...	...