MDL-74172 theme_boost: printer friendly drawers layout

lib/templates/full_header.mustache

@@ -29,7 +29,7 @@
         "welcomemessage": "welcomemessage"
     }
 }}
-<header id="page-header" class="header-maxwidth">
+<header id="page-header" class="header-maxwidth d-print-none">
     <div class="w-100">
         <div class="d-flex flex-wrap">
             {{#hasnavbar}}

theme/boost/scss/moodle/tertiarynavigation.scss

@@ -15,3 +15,9 @@
         margin-right: 20px;
     }
 }
+
+@media print {
+    .tertiary-navigation {
+        display: none;
+    }
+}

theme/boost/style/moodle.css

@@ -21608,6 +21608,10 @@ div.editor_atto_toolbar button .icon {
   .tertiary-navigation .navitem:not(:last-child) {
     margin-right: 20px; }
 
+@media print {
+  .tertiary-navigation {
+    display: none; } }
+
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }

theme/boost/templates/drawer.mustache

@@ -27,7 +27,7 @@
     }
 }}
 <div {{!
-    }} class="{{$drawerclasses}}{{/drawerclasses}} not-initialized"{{!
+    }} class="{{$drawerclasses}}{{/drawerclasses}} d-print-none not-initialized"{{!
     }} data-region="fixed-drawer"{{!
     }} id="{{$id}}{{/id}}"{{!
     }} data-preference="{{$drawerpreferencename}}{{/drawerpreferencename}}"{{!

theme/boost/templates/drawers.mustache

@@ -93,7 +93,7 @@
         <div id="topofscroll" class="main-inner">
             <div class="drawer-toggles d-flex">
                 {{#courseindex}}
-                    <div class="drawer-toggler drawer-left-toggle open-nav">
+                    <div class="drawer-toggler drawer-left-toggle open-nav d-print-none">
                         <button
                             class="btn icon-no-margin"
                             data-toggler="drawers"
@@ -109,7 +109,7 @@
                     </div>
                 {{/courseindex}}
                 {{#hasblocks}}
-                    <div class="drawer-toggler drawer-right-toggle ml-auto">
+                    <div class="drawer-toggler drawer-right-toggle ml-auto d-print-none">
                         <button
                             class="btn icon-no-margin"
                             data-toggler="drawers"
@@ -128,7 +128,7 @@
             </div>
             {{{ output.full_header }}}
             {{#secondarymoremenu}}
-                <div class="secondary-navigation">
+                <div class="secondary-navigation d-print-none">
                     {{> core/moremenu}}
                 </div>
             {{/secondarymoremenu}}

theme/classic/style/moodle.css

@@ -21554,6 +21554,10 @@ div.editor_atto_toolbar button .icon {
   .tertiary-navigation .navitem:not(:last-child) {
     margin-right: 20px; }
 
+@media print {
+  .tertiary-navigation {
+    display: none; } }
+
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }