[FIX] Print styles (Podio bug_54) (#12)

t3kit · Oct 7, 2016 · b82bd02 · b82bd02
1 parent 7981ec2
commit b82bd02
Show file tree

Hide file tree

Showing 2 changed files with 97 additions and 51 deletions.
diff --git a/dev/styles/main/print.less b/dev/styles/main/print.less
@@ -3,76 +3,118 @@
 // =========================================================
 
 @media print {
+    // a[href]:after {
+    //     content: none;
+    // }
+    .header-middle-wrp {
+        height: auto;
+    }
     .header-middle__logo {
-        a,
-        a:visited {
-            text-decoration: none;
-        }
-
+        // a,
+        // a:visited {
+        //     text-decoration: none;
+        // }
         a[href]:after {
-            content: "";
+            content: none;
         }
     }
-    .icons{
+    p a {
+        text-decoration: underline !important;
+    }
+    a[href^="#"],
+    a[href^="javascript:"],
+    .icons,
+    .header-top-wrp,
+    .header-middle .tx-solr,
+    .header-middle .social-icons,
+    .main-navigation,
+    .sub-navigation,
+    .logo-carousel,
+    .footer__map,
+    .footer__subscribe,
+    .footer__quick-links,
+    .footer .social-icons,
+    .footer__bottom-nav,
+    .tx-pxa-newsletter-subscription,
+    .tabbable a,
+    .img-slider__caption-link,
+    .big-icon-text-btn__link,
+    .img-text-link__link,
+    .icon-text-btn__link,
+    .breadcrumbs,
+    .news-tags,
+    .news .page-navigation,
+    .news-simple-list__img-wrap,
+    .news-simple-list__more-link,
+    div[id^='jarallax-container'] {
         display: none;
     }
-    .header-top-wrp{
-        display: none;
-    }
-    .header-middle .tx-solr {
-        display: none;
-    }
-    .header-middle .social-icons {
-        display: none;
-    }
-    .main-navigation{
-        display: none;
+    .img-text-link__img-link:after,
+    .quote p:before,
+    .news-list-category:before,
+    .news-carousel__img-wrap a:after,
+    .news-article-header a:after,
+    a[href^="tel:"]:after,
+    a[href^="mailto:"]:after,
+    .quote__footer-link:after {
+        content: none !important;
+    }
+    .icon-text-btn,
+    .big-icon-text-btn,
+    .img-text-link {
+        padding-top: 10px;
+        padding-bottom: 20px;
     }
     .img-slider {
+        max-width: 100%;
+        height: auto;
         margin: 0;
         padding: 0;
-        height: auto;
     }
     .img-slider__caption {
         position: relative;
         width: 100%;
+    }
+    .img-slider__caption-p {
         padding: 0;
     }
-    .img-text-link img{
+    .img-text-link {
+        clear: both;
+    }
+    .img-text-link img {
         width: 240px;
+
+        @media (min-width: 520px) {
+            float: left;
+            margin-right: 15px;
+        }
+    }
+    .divider {
+        height: 0;
+        border-top: 1px solid #eeeeee;
     }
     .quote {
-        border: none;
         border: 1px solid #999;
-        padding: 20px;
-        padding-left: 0;
-        padding-top: 0;
-    }
-    .quote p:before {
-        display: none;
-    }
-    .logo-carousel{
-        display: none;
-    }
-    .footer__map{
-        display: none;
+        padding: 0;
     }
-    .footer__subscribe {
-        display: none;
+    .quote__body-p {
+        padding: 15px;
+        margin-bottom: 0;
     }
-    .tx-pxa-newsletter-subscription {
-        display: none;
+    .quote__footer {
+        padding: 0 15px;
+        margin-bottom: 15px;
     }
-    .footer .social-icons {
-        display: none;
+    .news-carousel__item-info {
+        position: relative;
+        padding: 0;
     }
-    .sub-navigation {
-        display: none;
+    .news-carousel__media-preview {
+        min-height: auto;
     }
-    .tabbable a{
-        display: none;
+    .parallax-video {
+        height: auto !important;
     }
-
 }
 
 // =========================================================

diff --git a/dev/templates/parts/header/header.hbs b/dev/templates/parts/header/header.hbs
@@ -82,14 +82,18 @@
             </div>
         {{/is}}
         {{#is this.showHeaderMiddleSearch "true"}}
-            <form action="/solr.html" accept-charset="utf-8">
-                <div class="header-middle__search-wrp" >
-                    <div class="header-middle__search-box" >
-                        <input class="header-middle__search-input" data-search="searchSuggest" placeholder="Search..." type="search">
-                        <button class="header-middle__search-submit" type="submit" value="Search"><span class="icons icon-t3-search"></span></button>
-                    </div>
+            <div class="tx-solr">
+                <div class="tx-solr-searchbox">
+                    <form action="/solr.html" accept-charset="utf-8">
+                        <div class="header-middle__search-wrp" >
+                            <div class="header-middle__search-box" >
+                                <input class="header-middle__search-input" data-search="searchSuggest" placeholder="Search..." type="search">
+                                <button class="header-middle__search-submit" type="submit" value="Search"><span class="icons icon-t3-search"></span></button>
+                            </div>
+                        </div>
+                    </form>
                 </div>
-            </form>
+            </div>
         {{/is}}
     </div>
 </div>