Replaced js article-info control with pure css.

This commit is contained in:
Benjamin Meichsner 2009-11-20 01:28:01 +01:00
parent 4d46f034e6
commit 45039bf60f
4 changed files with 18 additions and 3 deletions

View file

@ -39,8 +39,7 @@
end end
total += article_total total += article_total
-%> -%>
<tr class="<%= cycle('even', 'odd', :name => 'articles') %>" valign="top" <tr class="<%= cycle('even', 'odd', :name => 'articles') %> order-article" valign="top">
onmouseover="$('article-info_<%= order_article.id %>').show();" onmouseout="$('article-info_<%= order_article.id %>').hide();">
<td class="name"><%= order_article.article.name %></td> <td class="name"><%= order_article.article.name %></td>
<td><%=h order_article.article.origin %></td> <td><%=h order_article.article.origin %></td>
<td><%= number_to_currency(@price[i]) %></td> <td><%= number_to_currency(@price[i]) %></td>
@ -69,7 +68,7 @@
</td> </td>
<% end %> <% end %>
<td id="td_price_<%= i %>" style="text-align:right; padding-right:10px; width:4em"><span id="price_<%= i %>_display"><%= number_to_currency(article_total, :unit => "") %></span> € <td id="td_price_<%= i %>" style="text-align:right; padding-right:10px; width:4em"><span id="price_<%= i %>_display"><%= number_to_currency(article_total, :unit => "") %></span> €
<div class="article-info" id="article-info_<%= order_article.id %>" style="display:none"> <div class="article-info">
<h3><%= order_article.article.name -%></h3> <h3><%= order_article.article.name -%></h3>
<div class="right"> <div class="right">
Volle Gebinde: <span id="units_<%= i %>"><%= order_article.units_to_order %></span><br/> Volle Gebinde: <span id="units_<%= i %>"><%= order_article.units_to_order %></span><br/>

View file

@ -457,6 +457,12 @@ table#order {
margin-bottom: 5px; margin-bottom: 5px;
width: 100%; } width: 100%; }
tr.order-article .article-info {
display: none; }
tr.order-article:hover .article-info {
display: block; }
#newComment { #newComment {
margin: 1em; } margin: 1em; }

View file

@ -457,6 +457,12 @@ table#order {
margin-bottom: 5px; margin-bottom: 5px;
width: 100%; } width: 100%; }
tr.order-article .article-info {
display: none; }
tr.order-article:hover .article-info {
display: block; }
#newComment { #newComment {
margin: 1em; } margin: 1em; }

View file

@ -492,6 +492,10 @@ table#order
margin: 0 margin: 0
margin-bottom: 5px margin-bottom: 5px
width: 100% width: 100%
tr.order-article .article-info
display: none
tr.order-article:hover .article-info
display: block
// ********* Comments // ********* Comments
#newComment #newComment
:margin 1em :margin 1em