Replaced js article-info control with pure css.
This commit is contained in:
parent
4d46f034e6
commit
45039bf60f
4 changed files with 18 additions and 3 deletions
|
@ -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/>
|
||||||
|
|
|
@ -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; }
|
||||||
|
|
||||||
|
|
|
@ -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; }
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue