From 719115eac9419d055e773603e18675120e0b8661 Mon Sep 17 00:00:00 2001
From: Jack Reed <pjreed@stanford.edu>
Date: Thu, 14 Aug 2014 07:34:56 -0700
Subject: [PATCH] adds print stylesheets

---
 app/assets/stylesheets/print.css.scss         | 10 ++
 .../print/bootstrap-variables.css.scss        |  3 +
 app/assets/stylesheets/print/layout.css.scss  |  9 ++
 app/assets/stylesheets/print/styles.css.scss  | 91 +++++++++++++++++++
 app/views/layouts/searchworks.html.erb        |  3 +-
 app/views/shared/_print_header.html.erb       |  4 +
 config/initializers/assets.rb                 |  1 +
 7 files changed, 120 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/stylesheets/print.css.scss
 create mode 100644 app/assets/stylesheets/print/bootstrap-variables.css.scss
 create mode 100644 app/assets/stylesheets/print/layout.css.scss
 create mode 100644 app/assets/stylesheets/print/styles.css.scss
 create mode 100644 app/views/shared/_print_header.html.erb
 create mode 100644 config/initializers/assets.rb

diff --git a/app/assets/stylesheets/print.css.scss b/app/assets/stylesheets/print.css.scss
new file mode 100644
index 000000000..ea5eefa5a
--- /dev/null
+++ b/app/assets/stylesheets/print.css.scss
@@ -0,0 +1,10 @@
+
+@import 'print/bootstrap-variables';
+@import 'sul-variables';
+@import 'searchworks-mixins';
+@import 'blacklight';
+@import 'searchworks';
+@import 'font-awesome';
+@import '_sul-icons-rails';
+@import 'print/layout';
+@import 'print/styles';
diff --git a/app/assets/stylesheets/print/bootstrap-variables.css.scss b/app/assets/stylesheets/print/bootstrap-variables.css.scss
new file mode 100644
index 000000000..a526a0290
--- /dev/null
+++ b/app/assets/stylesheets/print/bootstrap-variables.css.scss
@@ -0,0 +1,3 @@
+// Bootstrap variables for print sheets
+
+$font-size-base: 12px;
diff --git a/app/assets/stylesheets/print/layout.css.scss b/app/assets/stylesheets/print/layout.css.scss
new file mode 100644
index 000000000..1d7668d6c
--- /dev/null
+++ b/app/assets/stylesheets/print/layout.css.scss
@@ -0,0 +1,9 @@
+.record-panels.col-md-4{
+  @extend .col-xs-4;
+}
+.record-sections.col-md-8{
+  @extend .col-xs-8;
+}
+#content.col-sm-7.col-md-8 {
+  @extend .col-xs-12;
+}
diff --git a/app/assets/stylesheets/print/styles.css.scss b/app/assets/stylesheets/print/styles.css.scss
new file mode 100644
index 000000000..8d76892c6
--- /dev/null
+++ b/app/assets/stylesheets/print/styles.css.scss
@@ -0,0 +1,91 @@
+.print-header {
+  padding-left: 10px;
+  padding-right: 10px;
+  text-align: right;
+  h1 {
+    font-size: floor(($font-size-base * 1.6))
+  }
+  h2 {
+    border: none;
+    font-size: floor(($font-size-base * 1.4))
+  }
+}
+
+.breadcrumb.row {
+  float: left;
+}
+
+#appliedParams {
+  float:left;
+}
+
+.search_num_of_results {
+  margin-top: -45px;
+}
+
+// Do not display these elements
+.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;
+}
+a[href]:after {
+  content: "";
+}
+
+h3.index_title {
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+}
+
+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;
+}
diff --git a/app/views/layouts/searchworks.html.erb b/app/views/layouts/searchworks.html.erb
index 630855cf6..838fa5296 100644
--- a/app/views/layouts/searchworks.html.erb
+++ b/app/views/layouts/searchworks.html.erb
@@ -17,6 +17,7 @@
     <%= opensearch_description_tag application_name, opensearch_catalog_path(:format => 'xml', :only_path => false) %>
     <%= favicon_link_tag asset_path('favicon.ico') %>
     <%= stylesheet_link_tag "application", media: "all" %>
+    <%= stylesheet_link_tag 'print', media: 'print' %>
     <link href="https://www.stanford.edu/su-identity/css/su-identity.css" rel="stylesheet">
     <%= stylesheet_link_tag "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" %>
     <%= javascript_include_tag "application" %>
@@ -45,7 +46,7 @@
           <%= render_masthead_partial %>
 
           <%= render partial: 'shared/ajax_modal' %>
-
+          <%= render 'shared/print_header' %>
           <section id="main-container" role="main" data-analytics-id="<%= Settings.GOOGLE_ANALYTICS_ID %>">
             <%= render :partial=>'/flash_msg', layout: 'shared/flash_messages' %>
 
diff --git a/app/views/shared/_print_header.html.erb b/app/views/shared/_print_header.html.erb
new file mode 100644
index 000000000..28554efa5
--- /dev/null
+++ b/app/views/shared/_print_header.html.erb
@@ -0,0 +1,4 @@
+<div class='visible-print print-header pull-right'>
+  <h1>SearchWorks Catalog</h1>
+  <h2>Stanford University Libraries</h2>
+</div>
diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb
new file mode 100644
index 000000000..264a8a2eb
--- /dev/null
+++ b/config/initializers/assets.rb
@@ -0,0 +1 @@
+Rails.application.config.assets.precompile += %w( print.css )