Merge pull request #797 from LibraryOfCongress/print-friendly-transcr…

…iptions Print friendly transcriptions
LibraryOfCongress · Jan 31, 2019 · 972e54a · 972e54a
2 parents 9533d2e + 0aba283
commit 972e54a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 11 deletions.
diff --git a/concordia/static/css/base.css b/concordia/static/css/base.css
@@ -1234,14 +1234,8 @@ div.related-links {
     #contribute-container {
         border-style: none;
     }
-    #contribute-container #viewer-column .print-transcription-image {
-        height: 700px;
-        border: thin solid #ccc;
-    }
-    #contribute-container #viewer-column .print-transcription-image img {
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
+    .print-transcription-image {
+        page-break-before: always;
     }
     #contribute-container .gutter-horizontal {
         display: none;
@@ -1261,5 +1255,6 @@ div.related-links {
     #current-tags li {
         background-color: transparent;
         color: #000;
+        display: inline-block;
     }
 }
diff --git a/concordia/templates/transcriptions/asset_detail.html b/concordia/templates/transcriptions/asset_detail.html
@@ -118,7 +118,6 @@
                 </div>
             </div>
             <div id="asset-image" class="h-100 bg-dark d-print-none"></div>
-            <div class="print-transcription-image d-none d-print-block"><img class="img-fluid" alt="Scanned image of the current content page" src="{% asset_media_url asset %}"></div>
         </div>
 
         <div id="editor-column" class="d-flex flex-column flex-nowrap justify-content-between d-print-block">
@@ -238,7 +237,7 @@ <h2>Tags</h2>
                         {% endif %}
                     </div>
 
-                    <ul id="current-tags" class="d-flex flex-wrap list-unstyled mb-0">
+                    <ul id="current-tags" class="d-flex flex-wrap list-unstyled mb-0 d-print-block">
                         <li id="tag-template" hidden>
                             <label>
                                 <input type="hidden" name="tags" value="" disabled />
@@ -260,7 +259,7 @@ <h2>Tags</h2>
                         {% endfor %}
                     </ul>
 
-                    <div class="form-row btn-row authenticated-only" hidden>
+                    <div class="form-row btn-row authenticated-only d-print-none" hidden>
                         <button id="save-tags-button" type="submit" class="btn btn-primary mx-auto" title="Save tags that you’ve added to the page">
                             Save Tags
                         </button>
@@ -483,6 +482,7 @@ <h5 class="modal-title">Please confirm you are not a robot</h5>
         </form>
     </div>
 </div>
+<div class="print-transcription-image d-none d-print-block"><img class="img-fluid" alt="Scanned image of the current content page" src="{% asset_media_url asset %}"></div>
 {% endblock main_content %}
 
 {% block body_scripts %}