mirror of
https://github.com/openSUSE/osem.git
synced 2026-08-13 19:54:02 +00:00
Use gradients for slots with an event
This commit is contained in:
parent
7c5c327a7d
commit
0fcd9d2a4a
2 changed files with 28 additions and 7 deletions
|
|
@ -151,4 +151,21 @@ div.dataTables_scrollBody tbody tr:first-child td {
|
|||
|
||||
div.dataTables_scrollFoot table {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.event {
|
||||
background-image: linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
|
||||
background-image: -moz-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
|
||||
background-image: -webkit-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
|
||||
background-image: -ms-linear-gradient(bottom, rgb(247,250,242) 24%, rgb(194,232,190) 97%, rgb(194,232,190) 100%);
|
||||
|
||||
background-image: -webkit-gradient(
|
||||
linear,
|
||||
left bottom,
|
||||
left top,
|
||||
color-stop(0.24, rgb(247,250,242)),
|
||||
color-stop(0.97, rgb(194,232,190)),
|
||||
color-stop(1, rgb(194,232,190))
|
||||
);
|
||||
}
|
||||
|
|
@ -39,27 +39,31 @@
|
|||
<% if !event.empty? %>
|
||||
<!-- There is an event, calculate the span and show it -->
|
||||
<% span[room.id] = event[0].event_type.length / 15 %>
|
||||
<td rowspan ="<%= span[room.id] %>" >
|
||||
<p>
|
||||
<td style="width: <%= 95 / @rooms.length %>%" rowspan ="<%= span[room.id] %>" class="event" >
|
||||
<%= image_tag event[0].submitter.gravatar_url, :class => "img-circle pull-right", :alt => event[0].submitter.public_name, :title => event[0].submitter.public_name%><br>
|
||||
</p>
|
||||
<h5>
|
||||
<i class="icon-comment"></i>
|
||||
<%= event[0].title %><br>
|
||||
<span class="muted"><%= event[0].subtitle %></span><br>
|
||||
<% unless event[0].subtitle.empty? %>
|
||||
<span class="text-error"><%= event[0].subtitle %></span><br>
|
||||
<% end %>
|
||||
<i class="icon-user"></i>
|
||||
<%= event[0].submitter.public_name %>
|
||||
<% if event[0].track%>
|
||||
<span class="text-warning">in track</span>
|
||||
<br><i class="icon-road"></i>
|
||||
<span style="background-color:<%= event[0].track.color if event[0].track %>"><%= event[0].track.name %></span>
|
||||
<% end -%>
|
||||
</h5>
|
||||
<% if span[room.id] > 2 %>
|
||||
<%= truncate(event[0].abstract, :length => 80) %>
|
||||
<% length = span[room.id] * 40 %>
|
||||
<%= truncate(event[0].abstract, :length => length) %>
|
||||
<% end %>
|
||||
</td>
|
||||
<% span[room.id] = span[room.id] + 1 %>
|
||||
<% end %>
|
||||
<% if span[room.id] == 1 %>
|
||||
<!-- span equals 1 show an empty td -->
|
||||
<td class="empty <%= "room" + "#{room.id}" %>">
|
||||
<td style="width: <%= 95 / @rooms.length %>%">
|
||||
</td>
|
||||
<% end %>
|
||||
<% if span[room.id] > 1 %>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue