glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fixed metacode sets page styling issue

Browse source
This commit is contained in:
Connor Turland 2014-06-10 20:22:35 -04:00
parent 9cedf247f9
commit 3625a750fd
3 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/stylesheets/application.css
View file

@ -2025,6 +2025,18 @@ div.mapInfoStat {
.blackBox .metacodeSetsDescription {
width: 314px;
}
.blackBox td.metacodeSetDesc {
width: 314px;
word-wrap: break-word;
}
.blackBox .metacodeSetImage {
width:40px;
height:40px;
float:left;
}
.blackBox tr {
display:table-row;
}
.blackBox tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.2);
}

11
app/views/metacode_sets/index.html.erb
View file

@ -19,10 +19,10 @@
<%= link_to 'Edit', edit_metacode_set_path(metacode_set) %><br />
<%= link_to 'Delete', metacode_set, method: :delete, data: { confirm: 'Are you sure?' } %>
</td>
<td><%= metacode_set.desc %></td>
<td style='position:relative;'>
<td class='metacodeSetDesc'><%= metacode_set.desc %></td>
<td>
<% metacode_set.metacodes.each_with_index do |metacode, index| %>
<img width='40' style='float:left;' src='<%= metacode.icon %>' />
<img class='metacodeSetImage' src='<%= metacode.icon %>' />
<% if (index+1)%4 == 0 %>
<div class='clearfloat'></div>
<% end %>
@ -36,6 +36,9 @@
<script>
$(document).ready(function() {
$('.blackBox').height( (parseInt($('body').height()) - 40) ).mCustomScrollbar({ advanced: { updateOnContentResize: true }});
$('.blackBox').height( (parseInt($('body').height()) - 40) ).mCustomScrollbar({
mouseWheelPixels: 200,
advanced: { updateOnContentResize: true }
});
});
</script>

5
app/views/metacodes/index.html.erb
View file

@ -26,6 +26,9 @@
<script>
$(document).ready(function() {
$('.blackBox').height( (parseInt($('body').height()) - 40) ).mCustomScrollbar({ advanced: { updateOnContentResize: true }});
$('.blackBox').height( (parseInt($('body').height()) - 40) ).mCustomScrollbar({
mouseWheelPixels: 200,
advanced: { updateOnContentResize: true }
});
});
</script>