From 2939d45eccceda23d66f0ae4ec24c1a7992d7291 Mon Sep 17 00:00:00 2001
From: Lars Olesen <lars@intraface.dk>
Date: Tue, 22 Aug 2017 20:46:18 +0200
Subject: [PATCH] Do not print the comments form (#1195)

Add `.page__comments-form` to "non-printing" selectors in print styles
---
 _includes/comments.html            | 80 +++++++++++++++---------------
 _sass/minimal-mistakes/_print.scss |  3 +-
 2 files changed, 43 insertions(+), 40 deletions(-)

diff --git a/_includes/comments.html b/_includes/comments.html
index 6f57edc9..1df73b3d 100644
--- a/_includes/comments.html
+++ b/_includes/comments.html
@@ -47,49 +47,51 @@
             <!-- End static comments -->
 
             <!-- Start new comment form -->
-            <h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
-            <p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
-            <form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v1/entry/{{ site.repository }}/{{ site.staticman.branch }}">
-              <div class="form__spinner">
-                <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
-                <span class="sr-only">{{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}</span>
-              </div>
+            <div class="page__comments-form">
+              <h4 class="page__comments-title">{{ site.data.ui-text[site.locale].comments_label | default: "Leave a Comment" }}</h4>
+              <p class="small">{{ site.data.ui-text[site.locale].comment_form_info | default: "Your email address will not be published. Required fields are marked" }} <span class="required">*</span></p>
+              <form id="new_comment" class="page__comments-form js-form form" method="post" action="https://api.staticman.net/v1/entry/{{ site.repository }}/{{ site.staticman.branch }}">
+                <div class="form__spinner">
+                  <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
+                  <span class="sr-only">{{ site.data.ui-text[site.locale].loading_label | default: "Loading..." }}</span>
+                </div>
 
-              <fieldset>
-                <label for="comment-form-message">{{ site.data.ui-text[site.locale].comment_form_comment_label | default: "Comment" }} <small class="required">*</small></label>
-                <textarea type="text" rows="3" id="comment-form-message" name="fields[message]" tabindex="1"></textarea>
-                <div class="small help-block"><a href="https://daringfireball.net/projects/markdown/">{{ site.data.ui-text[site.locale].comment_form_md_info | default: "Markdown is supported." }}</a></div>
-              </fieldset>
-              <fieldset>
-                <label for="comment-form-name">{{ site.data.ui-text[site.locale].comment_form_name_label | default: "Name" }} <small class="required">*</small></label>
-                <input type="text" id="comment-form-name" name="fields[name]" tabindex="2" />
-              </fieldset>
-              <fieldset>
-                <label for="comment-form-email">{{ site.data.ui-text[site.locale].comment_form_email_label | default: "Email address" }} <small class="required">*</small></label>
-                <input type="email" id="comment-form-email" name="fields[email]" tabindex="3" />
-              </fieldset>
-              <fieldset>
-                <label for="comment-form-url">{{ site.data.ui-text[site.locale].comment_form_website_label | default: "Website (optional)" }}</label>
-                <input type="url" id="comment-form-url" name="fields[url]" tabindex="4"/>
-              </fieldset>
-              <fieldset class="hidden" style="display: none;">
-                <input type="hidden" name="options[slug]" value="{{ page.slug }}">
-                <label for="comment-form-location">Not used. Leave blank if you are a human.</label>
-                <input type="text" id="comment-form-location" name="fields[hidden]" autocomplete="off"/>
-              </fieldset>
-              <!-- Start comment form alert messaging -->
-              <p class="hidden js-notice">
-                <strong class="js-notice-text"></strong>
-              </p>
-              <!-- End comment form alert messaging -->
-              <fieldset>
-                <button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
-              </fieldset>
-            </form>
+                <fieldset>
+                  <label for="comment-form-message">{{ site.data.ui-text[site.locale].comment_form_comment_label | default: "Comment" }} <small class="required">*</small></label>
+                  <textarea type="text" rows="3" id="comment-form-message" name="fields[message]" tabindex="1"></textarea>
+                  <div class="small help-block"><a href="https://daringfireball.net/projects/markdown/">{{ site.data.ui-text[site.locale].comment_form_md_info | default: "Markdown is supported." }}</a></div>
+                </fieldset>
+                <fieldset>
+                  <label for="comment-form-name">{{ site.data.ui-text[site.locale].comment_form_name_label | default: "Name" }} <small class="required">*</small></label>
+                  <input type="text" id="comment-form-name" name="fields[name]" tabindex="2" />
+                </fieldset>
+                <fieldset>
+                  <label for="comment-form-email">{{ site.data.ui-text[site.locale].comment_form_email_label | default: "Email address" }} <small class="required">*</small></label>
+                  <input type="email" id="comment-form-email" name="fields[email]" tabindex="3" />
+                </fieldset>
+                <fieldset>
+                  <label for="comment-form-url">{{ site.data.ui-text[site.locale].comment_form_website_label | default: "Website (optional)" }}</label>
+                  <input type="url" id="comment-form-url" name="fields[url]" tabindex="4"/>
+                </fieldset>
+                <fieldset class="hidden" style="display: none;">
+                  <input type="hidden" name="options[slug]" value="{{ page.slug }}">
+                  <label for="comment-form-location">Not used. Leave blank if you are a human.</label>
+                  <input type="text" id="comment-form-location" name="fields[hidden]" autocomplete="off"/>
+                </fieldset>
+                <!-- Start comment form alert messaging -->
+                <p class="hidden js-notice">
+                  <strong class="js-notice-text"></strong>
+                </p>
+                <!-- End comment form alert messaging -->
+                <fieldset>
+                  <button type="submit" id="comment-form-submit" tabindex="5" class="btn btn--large">{{ site.data.ui-text[site.locale].comment_btn_submit | default: "Submit Comment" }}</button>
+                </fieldset>
+              </form>
+            </div>
             <!-- End new comment form -->
           {% endif %}
         </section>
       {% when "custom" %}
         <section id="custom-comments"></section>
   {% endcase %}
-</div>
\ No newline at end of file
+</div>
diff --git a/_sass/minimal-mistakes/_print.scss b/_sass/minimal-mistakes/_print.scss
index c4992dcb..468dd0fc 100644
--- a/_sass/minimal-mistakes/_print.scss
+++ b/_sass/minimal-mistakes/_print.scss
@@ -228,6 +228,7 @@
   .pagination,
   .ads,
   .page__footer,
+  .page__comments-form,
   .author__avatar,
   .author__content,
   .author__urls-wrapper,
@@ -235,4 +236,4 @@
   .adsbygoogle {
     display: none !important;
   }
-}
\ No newline at end of file
+}