Fixing mobile challenge view

selenium-screenshot-testing
CodeKevin 2016-02-07 03:15:41 -05:00
parent 1c90ecccf7
commit b6b9e30e39
2 changed files with 9 additions and 3 deletions

View File

@ -189,7 +189,14 @@ function loadchals() {
categories.push(category);
var categoryid = category.replace(/ /g,"-").hashCode();
var categoryrow = $('<div id="{0}-row" class="row"><div class="category-header col-md-2"></div><div class="category-challenges col-md-9"><div class="row"></div></div></div>'.format(categoryid));
var categoryrow = $('' +
'<div id="{0}-row">'.format(categoryid) +
'<div class="category-header col-md-2">' +
'</div>' +
'<div class="category-challenges col-md-9">' +
'<div class="chal-row"></div>' +
'</div>' +
'</div>');
categoryrow.find(".category-header").append($("<h3>"+ category +"</h3>"));
$('#challenges-board').append(categoryrow);
@ -209,7 +216,7 @@ function loadchals() {
chalbutton.append(chalscore);
chalwrap.append(chalbutton);
$("#"+ catid +"-row").find(".category-challenges > .row").append(chalwrap);
$("#"+ catid +"-row").find(".category-challenges > .chal-row").append(chalwrap);
};
updatesolves();

View File

@ -1,7 +1,6 @@
{% extends "base.html" %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.0/isotope.pkgd.min.js">
<link rel="stylesheet" href="/static/css/input.css">
<style>
.hide-text { text-overflow: ellipsis; overflow: hidden; }