SAK-50531 Library improve print.css (#12909)

(cherry picked from commit a9d8975)
sakaiproject · Sep 26, 2024 · 2f40bc4 · 2f40bc4
1 parent 16988ba
commit 2f40bc4
Show file tree

Hide file tree

Showing 4 changed files with 108 additions and 95 deletions.
diff --git a/library/src/skins/default/src/sass/modules/tool/gradebook/_gradebook.scss b/library/src/skins/default/src/sass/modules/tool/gradebook/_gradebook.scss
@@ -1279,34 +1279,6 @@
     padding-bottom: 20px;
     border-bottom: 1px solid var(--sakai-border-color);
   }
-  /* **************************************************************** *
-   *                      Gradebook Print styles                      *
-   * **************************************************************** */
-
-  @media print {
-
-  .gb-summary-expand-all,
-  .gb-summary-collapse-all,
-  .gb-summary-category-toggle,
-  #toggleCategories,
-  #gradeSummaryTable-sticky .tablesorter-icon {
-    display: none;
-  }
-
-  .gb-summary-grade-panel {
-    height: auto !important;
-  }
-
-  #gradeSummaryTable {
-    page-break-inside: auto;
-  }
-
-  #gradeSummaryTable tr {
-    page-break-inside: avoid;
-    page-break-after:auto;
-  }
-
-}
 
   /* ********************************************************************* *
    *                      Gradebook Settings styles                        *

diff --git a/library/src/skins/default/src/sass/modules/tool/lessonbuilder/_lessonbuilder.scss b/library/src/skins/default/src/sass/modules/tool/lessonbuilder/_lessonbuilder.scss
@@ -2281,67 +2281,6 @@
   /* end lessons in iframe */
   /* narrow screen */
 
-  /* print */
-  @media print {
-
-    .oldPortal .portletTitle {
-      padding-top: 30px !important
-    }
-
-    .cols9 {
-      width: calc(100% / 9  - 32px) !important;
-    }
-    [class~="cols9"][class~="double"] {
-      width: calc(200% / 9 - 32px) !important;
-    }
-    .cols8 {
-      width: calc(100% / 8 - 32px) !important;
-    }
-    [class~="cols8"][class~="double"] {
-      width: calc(200% / 8 - 32px) !important;
-    }
-    .cols7 {
-      width: calc(100% / 7 - 32px) !important;
-    }
-    [class~="cols7"][class~="double"] {
-      width: calc(200% / 7 - 32px) !important;
-    }
-    .cols6 {
-      width: calc(100% / 6 - 32px) !important;
-    }
-    [class~="cols6"][class~="double"] {
-      width: calc(200% / 6 - 32px) !important;
-    }
-    .cols5 {
-      width: calc(100% / 5 - 32px) !important;
-    }
-    [class~="cols5"][class~="double"] {
-      width: calc(200% / 5 - 32px) !important;
-    }
-    .cols4 {
-      width: calc(100% / 4 - 32px) !important;
-    }
-    [class~="cols4"][class~="double"] {
-      width: calc(200% / 4 - 32px) !important;
-    }
-    .cols3 {
-      width: calc(100% / 3 - 32px) !important;
-    }
-    [class~="cols3"][class~="double"] {
-      width: calc(200% / 3 - 32px) !important;
-    }
-    .cols2 {
-      width: calc(100% / 2 - 32px) !important;
-    }
-    [class~="cols2"][class~="double"] {
-      width: calc(200% / 2 - 32px) !important;
-    }
-    .cols1 {
-      width: calc(100% - 32px) !important;
-    }
-  }
-  /* end media print */
-
   /* high z-index for items in morpheus. We use large z-index to make sure we go on top
      of any video players or other embedded content. That requires larger values for some
      elements of Morpheus. */

diff --git a/library/src/skins/default/src/sass/modules/tool/syllabus/_syllabus.scss b/library/src/skins/default/src/sass/modules/tool/syllabus/_syllabus.scss
@@ -1,11 +1,5 @@
 .#{$namespace}sakai-syllabus {
 
-  @media print {
-    .noprint {
-      display: none;
-    }
-  }
-
   .editItem:hover {
     padding-right: 18px;
 

diff --git a/library/src/skins/default/src/sass/print.scss b/library/src/skins/default/src/sass/print.scss
@@ -21,6 +21,16 @@ a[href]:after {
 #siteStatus,
 #publishSiteConfirmModal,
 .pasystem-banner-alerts,
+header,
+footer,
+.jump-to-top,
+nav.sakai-pageNav,
+.actionToolBar,
+sakai-picture-changer,
+#select-site-sidebar,
+#portal-nav-sidebar,
+aside.offcanvas,
+.portal-mobilebar,
 #footer,
 .#{$namespace}siteHierarchy,
 .#{$namespace}container--extras,
@@ -51,3 +61,101 @@ a[href]:after {
   height: 32px;
 }
 
+.#{$namespace}sakai-lessonbuildertool {
+    ul#toolbar,
+    .lb-offscreen,
+    .modal-dialog,
+    a.ui-button,
+    .showPollGraph {
+      display: none !important;
+    }
+
+    .oldPortal .portletTitle {
+      padding-top: 30px !important
+    }
+
+    .cols9 {
+      width: calc(100% / 9  - 32px) !important;
+    }
+    [class~="cols9"][class~="double"] {
+      width: calc(200% / 9 - 32px) !important;
+    }
+    .cols8 {
+      width: calc(100% / 8 - 32px) !important;
+    }
+    [class~="cols8"][class~="double"] {
+      width: calc(200% / 8 - 32px) !important;
+    }
+    .cols7 {
+      width: calc(100% / 7 - 32px) !important;
+    }
+    [class~="cols7"][class~="double"] {
+      width: calc(200% / 7 - 32px) !important;
+    }
+    .cols6 {
+      width: calc(100% / 6 - 32px) !important;
+    }
+    [class~="cols6"][class~="double"] {
+      width: calc(200% / 6 - 32px) !important;
+    }
+    .cols5 {
+      width: calc(100% / 5 - 32px) !important;
+    }
+    [class~="cols5"][class~="double"] {
+      width: calc(200% / 5 - 32px) !important;
+    }
+    .cols4 {
+      width: calc(100% / 4 - 32px) !important;
+    }
+    [class~="cols4"][class~="double"] {
+      width: calc(200% / 4 - 32px) !important;
+    }
+    .cols3 {
+      width: calc(100% / 3 - 32px) !important;
+    }
+    [class~="cols3"][class~="double"] {
+      width: calc(200% / 3 - 32px) !important;
+    }
+    .cols2 {
+      width: calc(100% / 2 - 32px) !important;
+    }
+    [class~="cols2"][class~="double"] {
+      width: calc(200% / 2 - 32px) !important;
+    }
+    .cols1 {
+      width: calc(100% - 32px) !important;
+    }
+}
+
+.#{$namespace}sakai-syllabus {
+    .noprint {
+      display: none;
+    }
+}
+
+.#{$namespace}sakai-gradebookng {
+  .gb-summary-expand-all,
+  .gb-summary-collapse-all,
+  .gb-summary-category-toggle,
+  #toggleCategories,
+  #gradebook-navbar,
+  a.dropdown-item,
+  .gradesToolbar1,
+  #gradeSummaryTable-sticky .tablesorter-icon {
+    display: none !important;
+  }
+
+  .gb-summary-grade-panel {
+    height: auto !important;
+  }
+
+  #gradeSummaryTable {
+    page-break-inside: auto;
+  }
+
+  #gradeSummaryTable tr {
+    page-break-inside: avoid;
+    page-break-after:auto;
+  }
+
+}