[Git][reproducible-builds/reproducible-website][master] Make the print CSS stylesheet nicer.

[Chris Lamb (@lamby)]

Chris Lamb pushed to branch master at Reproducible Builds / reproducible-website


Commits:
77b997d1 by Chris Lamb at 2024-05-08T15:24:09+01:00
Make the print CSS stylesheet nicer.

- - - - -


4 changed files:

- _includes/footer.html
- _layouts/default.html
- assets/styles/main.scss
- + assets/styles/print.scss


Changes:

=====================================
_includes/footer.html
=====================================
@@ -1,4 +1,4 @@
-<div class="row">
+<div class="row footer">
   <div class="col-12 p-0">
     <p class="mt-5 mb-5">
       <span class="text-muted small d-none d-sm-block">


=====================================
_layouts/default.html
=====================================
@@ -8,7 +8,7 @@
       <div class="col-md-2 col-sm-3 d-none d-sm-block p-0 position-fixed">
         {% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
       </div>
-      <div class="col-md-10 col-xs-12 col-sm-9 p-0 dyn-left">
+      <div class="col-md-10 col-xs-12 col-sm-9 p-0 dyn-left main-parent">
         <main role="main" class="content-scroll p-5" data-spy="scroll" data-target="#components-nav" data-offset="0">
           {{ content }}
 


=====================================
assets/styles/main.scss
=====================================
@@ -18,4 +18,5 @@ a {
   text-decoration: none !important;
 }
 
+ at import "print";
 @import "custom";


=====================================
assets/styles/print.scss
=====================================
@@ -0,0 +1,23 @@
+ at media print {
+  .navbar,
+  .footer,
+  .sidebar {
+    display: none !important;
+  }
+  .main-parent {
+    padding: 0 !important;
+    left: 0 !important;
+    max-width: 100% !important;
+    flex: 0 0 100% !important;
+    width: 100% !important;
+  }
+  main {
+    padding: 0 !important;
+  }
+  .blog-post-content {
+    max-width: 100% !important;
+  }
+  blockquote {
+    border: none !important;
+  }
+}



View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/-/commit/77b997d164929fdc519e7312867a2fab6f5978d1

-- 
View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/-/commit/77b997d164929fdc519e7312867a2fab6f5978d1
You're receiving this email because of your account on salsa.debian.org.


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.reproducible-builds.org/pipermail/rb-commits/attachments/20240508/4ceb6386/attachment.htm>