Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Print stylesheets!! #651

Closed
jvine opened this issue Aug 4, 2014 · 2 comments · Fixed by #729
Closed

Print stylesheets!! #651

jvine opened this issue Aug 4, 2014 · 2 comments · Fixed by #729
Assignees
Milestone

Comments

@jvine
Copy link
Contributor

jvine commented Aug 4, 2014

screen shot 2014-08-04 at 2 30 03 pm

@jvine
Copy link
Contributor Author

jvine commented Aug 12, 2014

Base font size: 12px;

Is it possible to make the printer always use the 2 column (wide) layout on the record view (or on all views).

Elements to suppress:

  .navbar, #topnav, #search-navbar-container, #facets, #sortAndPerPage, .record-toolbar, a.remove, .index-document-functions, footer, #sul-footer-container, #global-footer, .additional-results, .pagination, .record-side-nav, .library-location-heading img, .record-browse-nearby, .tech-details a, a.btn, .gallery-buttons, .preview-button-container, .google-preview {
    display: none !important;
  }

Suppress the exposed URLs:

  a[href]:after {
    content: " (" attr(href) ")";
  }

EXCEPT for h3 titles in results (which show as /view/12345)

Various adjustments

a,  a:visited {text-decoration: none; border-bottom: none; }
#documents .document, #documents .brief-document, #documents .gallery-document {border: 0; 
border-bottom: 1px solid #ddd; margin: 0;}
.gallery .gallery-document {height: 350px;}
.callnumber-bar {font-weight: normal; font-size: 1.1em;}    
#appliedParams {padding: 0;}
.constraint-value {border: 0;}
.accordion-section .snippet {display: none;}
.accordion-section .details {display: block !important; border: 0;}
.details dl {margin-bottom: 0; }
.accordion-section a.header {text-align: left; padding-left: 0; font-weight: bold;}
.accordion-section a.header i {display: none;}
.panel-library-location .library-location-heading-text {padding-left: 0;}
.document h1 {margin-top: 0; padding-top: 0;}
.record-sections .section {padding-bottom: 0;}
.panel-heading {padding-left: 0;}
#masthead {border: none;}
#su-content {padding-bottom: 0!important;}

And we'll need to do something to add a header for printed pages.

Screenshots don't show the h3 title with exposed /view/ urls.

Record
screen shot 2014-08-11 at 4 48 02 pm

Normal results
screen shot 2014-08-11 at 4 55 47 pm
screen shot 2014-08-11 at 4 55 58 pm

Gallery
screen shot 2014-08-11 at 4 58 04 pm

Brief
screen shot 2014-08-11 at 4 59 14 pm

@mejackreed mejackreed self-assigned this Aug 14, 2014
@mejackreed
Copy link
Contributor

@jvine Reasonable success so far implementing this. Though having some issues with the two column layout (unfortunately its complicated). We should talk today regarding this and potential options. See twbs/bootstrap#12078

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants