Commit 2ff3869e650f58b530838173b500278ffd9a29c2

Authored by Francisco Marcelo de Araújo Lima Júnior
1 parent 2f3faa63

add hover effect

app/views/box_organizer/index.html.erb
@@ -36,7 +36,7 @@ @@ -36,7 +36,7 @@
36 36
37 <%= draggable_element("block-#{block.name}", :revert => true) %> 37 <%= draggable_element("block-#{block.name}", :revert => true) %>
38 38
39 - <% if cont == 5 || i == @blocks.length %> 39 + <% if cont == 7 || i == @blocks.length %>
40 <% cont = 0 %> 40 <% cont = 0 %>
41 </div> 41 </div>
42 <% end %> 42 <% end %>
public/designs/themes/noosfero/block_store.css
@@ -43,10 +43,16 @@ r, @@ -43,10 +43,16 @@ r,
43 vertical-align: top; 43 vertical-align: top;
44 } 44 }
45 45
  46 +#block-types .block-type:hover {
  47 + box-shadow: 0px 0px 0px 2px #FFF,
  48 + 0px 0px 0px 2px #FFF,
  49 + 0px 0px 10px rgba(0,0,0,0.6);
  50 + outline: none;
  51 +}
46 52
47 #block-types .button-bar { 53 #block-types .button-bar {
48 margin: 0; 54 margin: 0;
49 - display: inline; 55 + display: none;
50 position: absolute; 56 position: absolute;
51 right: 5%; 57 right: 5%;
52 border: 0px solid #AAA; 58 border: 0px solid #AAA;
@@ -54,6 +60,9 @@ r, @@ -54,6 +60,9 @@ r,
54 padding: 0px; 60 padding: 0px;
55 } 61 }
56 62
  63 +#block-types .block-type:hover .button-bar {
  64 + display: inline;
  65 +}
57 66
58 #block-info-container { 67 #block-info-container {
59 width: 770px; 68 width: 770px;