Added author info and improved title display

Evandro Junior
1 parent 88802f58
Showing 2 changed files with 19 additions and 4 deletions Show diff stats
plugins/video/public/style.css
plugins/video/views/shared/video_list.html.erb
@@ -2,14 +2,15 @@
   position: relative;
   display: inline-block;
   width: 95px;
-  height: 85px;
+  height: 115px;
   margin: 1em;
   border: solid #F0F0F0 1px;
   vertical-align: top;
-  text-align: center;
+  text-align: left;
   overflow: hidden;
   padding-top: 7px;
   margin-botton: 10px;
+  text-overflow: ellipsis;
 }
  
 .video-gallery-top-box{
@@ -23,3 +24,15 @@
   font-size: 1em;
   text-color: white;
 }
+
+.video-title{
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.video-author{
+  display: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 <div>
   <% contents.each do |content| %>
-    <%#=  py content %>
     <% if content.display_to?(user) %>
       <div class="video-gallery-thumbnail">
         <div class="video-gallery-top-box">
@@ -9,7 +8,10 @@
           <% end  %>
         </div>
         <div class="video-gallery-botton-box">
-          <font size="1em"><%= content.title %></font>
+            <div class="video-author">
+              <%= _("by")  %> <%= content.author_name %> <%= _("updated at") %>  <%= time_ago_as_sentence(content.updated_at)  %>
+            </div>
+            <div class="video-title"><%= content.title %></div>
         </div>
       </div>
     <% end %>
...	...	@@ -2,14 +2,15 @@
2	2	position: relative;
3	3	display: inline-block;
4	4	width: 95px;
5		- height: 85px;
	5	+ height: 115px;
6	6	margin: 1em;
7	7	border: solid #F0F0F0 1px;
8	8	vertical-align: top;
9		- text-align: center;
	9	+ text-align: left;
10	10	overflow: hidden;
11	11	padding-top: 7px;
12	12	margin-botton: 10px;
	13	+ text-overflow: ellipsis;
13	14	}
14	15
15	16	.video-gallery-top-box{
...	...	@@ -23,3 +24,15 @@
23	24	font-size: 1em;
24	25	text-color: white;
25	26	}
	27	+
	28	+.video-title{
	29	+ width: 100%;
	30	+ overflow: hidden;
	31	+ text-overflow: ellipsis;
	32	+}
	33	+
	34	+.video-author{
	35	+ display: none;
	36	+ overflow: hidden;
	37	+ text-overflow: ellipsis;
	38	+}
...	...
1	1	<div>
2	2	<% contents.each do \|content\| %>
3		- <%#= py content %>
4	3	<% if content.display_to?(user) %>
5	4	<div class="video-gallery-thumbnail">
6	5	<div class="video-gallery-top-box">
...	...	@@ -9,7 +8,10 @@
9	8	<% end %>
10	9	</div>
11	10	<div class="video-gallery-botton-box">
12		- <font size="1em"><%= content.title %></font>
	11	+ <div class="video-author">
	12	+ <%= _("by") %> <%= content.author_name %> <%= _("updated at") %> <%= time_ago_as_sentence(content.updated_at) %>
	13	+ </div>
	14	+ <div class="video-title"><%= content.title %></div>
13	15	</div>
14	16	</div>
15	17	<% end %>
...	...