cca / equella_templates Goto Github PK

Seems to happen only with laptop-width screens—if you reduce the width of the window, they all collapse onto one line. This may also relate to the length of the attachment filename somehow.

see the "33.333.333" weirdness here: https://vault.cca.edu/items/ba0d7824-3096-47fa-b8b8-fbabd44e9d72/2/

The "js to convert dates" display JavaScript must be causing this, screwing up the date when it's only a month and year. It's stored correctly in the metadata.

all the CSS & JS dumped into tags should be broken out, minified, probably served from the Web Assets collection like we're already doing in some places (e.g. vaultDashboardCSS).

hovering over an image can cause things to jump around a bit, need a CSS fix for this

Example from CORE Waiver Portfolio Review collection:

For each content type template for each collection:

1. all rel="group" to the <a> tag wrapping the image
2. add a fancybox initialization beneath all the other display templates

<script>
$(function(){
    // little tricky here, but we're filtering to _only_ jpg/png images
    $('.image-with-metadata a').filter(function(){
        return this.href.match(/(\.(jpe?g|png)?)$/i)
    }).fancybox()
})
</script>

Note that the jQuery selector will vary based on how a collection's templates look, .image-artistDocs a & #images a.img are some others, for example.

Collections that are mostly writing or don't feature long lists of images don't stand to benefit from this and so have been removed from the lists below.

Academic

• All-College Honors Graduate Awards
• Animation Program
• Architecture Division Programs
• CORE Studio/First Year Program
• CORE Waiver Portfolio Review
• Ceramics Program
• Comics (MFA) Program
• Community Arts Program
• Fashion Design Program
• Film Program
• Fine Arts Junior Review
• Furniture Program
• Glass Program
• Graphic Design Program
• Illustration Program
• Individualized Program
• Industrial Design Program
• Interaction Design Program
• Jewelry / Metal Arts Program
• Painting/Drawing Program
• Photography Program
• Printmaking Program
• Sculpture Program
• Textiles Program

Other

• Campus Planning: Spatial Benchmarking
• Libraries
• Undergraduate Exhibitions
• Supplemental Portfolio Review

see https://vault.cca.edu/items/0b59c860-8e20-4ffd-8532-e5f3c57a3894/2/ "Written Response"

problem is lines 33 & 49 of Core FYP FYR template. <img src="/file/${itemUuid}/${itemversion}/${thumb}" /> should be <img src="/thumbs/${itemUuid}/${itemversion}/${uuid}/" />.

Images never load, possibly a problem with the upgraded version of jQuery justified gallery and the very strange markup of the Campus Planning section, with <div>s thrown in alongside the images. For now, it's set to just go to an image search on the CP collection, unlike the other tabs.

In the JS console, there's an error along the lines of can't load https://vault.cca.edu/undefined which definitely looks somehow related to the gallery script but I can't tell what's generating it.

<pre> tags help in long text fields like mods/abstract because then line breaks display.

Collections to review for these fields:

• Critical Studies Program Assignments
• First Year Program Assignments
• Visual Studies Program Assignments
• Writing and Literature Program Assignments

Keeping this issue open for a while because there may be others.

Looks like the alert class is on the wrong wrapper element, bleeds down to cover <hr> & more: