diff --git a/javascripts/covered.js b/javascripts/covered.js index bf79faf..69562d1 100644 --- a/javascripts/covered.js +++ b/javascripts/covered.js @@ -20,7 +20,7 @@ $.extend({ 'dpla.oclc': 'OCLC', 'dpla.lccn': 'LCCN', 'dpla.call_num': 'Call Number', - 'dpla.content_link': 'Context Link', + 'dpla.content_link': 'Content Link', 'dpla.contributor': 'Contributor', 'dpla.resource_type': 'Resource Type' }; @@ -32,17 +32,19 @@ $.extend({ if(typeof(d['dpla.isbn']) === 'object'){ var isbn = d['dpla.isbn'][0].split('%%')[0]; - nodeContent += ''; + nodeContent += ''; }else if(typeof(d['dpla.isbn'] == 'string')){ - nodeContent += ''; + nodeContent += ''; } if(d['dpla.content_link']){ nodeContent += ''; } - nodeContent += (d['dpla.title']) ? $.ellipsisSubstr(d['dpla.title']) : 'Untitled Work'; - if(d.content_link){nodeContent += '';} - nodeContent += '' + d['dpla.contributor'] + ''; + nodeContent += '' + ( (d['dpla.title']) ? $.ellipsisSubstr(d['dpla.title']) : 'Untitled Work' ) + ''; + if(d['dpla.content_link']){ + nodeContent += ''; + } + nodeContent += '
' + d['dpla.contributor'] + ''; facets[d['dpla.contributor']] = (facets[d['dpla.contributor']] == undefined) ? 1 : (facets[d['dpla.contributor']] + 1); return node.append(nodeContent).data('d',d); }, @@ -107,7 +109,7 @@ $.extend({ $('#target').isotope({filter: $(this).attr('data_filter_class')}); }); // relayout as cover images may've effected container height. - setTimeout(function(){$('#target').isotope('reLayout')}, 500); + setTimeout(function(){$('#target').isotope('reLayout')}, 1000); }, initSearchables: function(){ diff --git a/stylesheets/covered.css b/stylesheets/covered.css index a33ebf9..8e59d27 100644 --- a/stylesheets/covered.css +++ b/stylesheets/covered.css @@ -108,22 +108,23 @@ input, select{ } .doc{ - width:280px; + width:350px; background-color: #ccc; - margin: 0px 1em 1em 0px; - padding: .25em; + margin: 0px 10px 10px 0px; + padding: 20px; border-radius: 5px; clear: both; font-size: 10pt; cursor:pointer; } - .doc:hover{ - background-color:#999; - } - .doc img{ - float:left; - margin:0 5px 5px 0; - } +.doc:hover{ + background-color:#999; +} + +.doc img{ + float:left; + margin:0 5px 5px 0; +} .doc .data_source{ font-size: 10px; @@ -134,3 +135,7 @@ input, select{ float: left; margin: 0px 5px 0px 0px; } + +.doc .title{ + font-weight: bold; +}