fix(KUI-1056): add and use print classes for padding

KTH · Jan 16, 2024 · 9005c43 · 9005c43
1 parent 127f33c
commit 9005c43
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 3 deletions.
diff --git a/public/css/kurs-pm-web.scss b/public/css/kurs-pm-web.scss
@@ -5,6 +5,9 @@ $lightGrey: #f6f6f6;
 $white: #fff;
 $icon-expanded-svg: 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOTJweCIgaGVpZ2h0PSI1M3B4IiB2aWV3Qm94PSIwIDAgOTIgNTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT7vhKU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0MC4wMDAwMDAsIC0zOTcuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOTQuNzM0Mzc5LDQyMy41NTQxNyBMMjYwLjgxMjUwNCwzODguMjEwNDIgQzI1OS43MjkxNjUsMzg3LjEyNzA4MiAyNTkuNzI5MTY1LDM4Ni4wNDM3NTkgMjYwLjgxMjUwNCwzODQuOTYwNDIgTDI2Ni45MDYyNTQsMzc4Ljg2NjY3IEMyNjguMTI1MDEsMzc3Ljc4MzMzMiAyNjkuMjA4MzMzLDM3Ny43MTU2MjQgMjcwLjE1NjI1NCwzNzguNjYzNTQ1IEwzMTEuNTkzNzU0LDQyMS45MjkxNyBDMzEyLjAwMDAwNiw0MjIuMzM1NDIyIDMxMi4yMDMxMjksNDIyLjg3NzA4NCAzMTIuMjAzMTI5LDQyMy41NTQxNyBDMzEyLjIwMzEyOSw0MjQuMjMxMjU3IDMxMi4wMDAwMDYsNDI0Ljc3MjkxOCAzMTEuNTkzNzU0LDQyNS4xNzkxNyBMMjcwLjE1NjI1NCw0NjguNDQ0Nzk1IEMyNjkuMDcyOTE1LDQ2OS41MjgxMzQgMjY3Ljk4OTU5Myw0NjkuNTI4MTM0IDI2Ni45MDYyNTQsNDY4LjQ0NDc5NSBMMjYwLjgxMjUwNCw0NjIuMTQ3OTIgQzI1OS43MjkxNjUsNDYxLjA2NDU4MiAyNTkuNzI5MTY1LDQ1OS45ODEyNTkgMjYwLjgxMjUwNCw0NTguODk3OTIgTDI5NC43MzQzNzksNDIzLjU1NDE3IFoiIGlkPSLvhKUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI4Ni4xMDE1NjUsIDQyMy42Mjg2NTApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjg2LjEwMTU2NSwgLTQyMy42Mjg2NTApICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
 
+// Spacing, make sure this is the same as $spacer from bootstrap
+$spacer: 1.3rem;
+
 %long-text-font-style {
   font-family: Georgia, 'garamond pro', garamond, 'times new roman', times, serif;
   font-size: 1rem;
@@ -439,3 +442,22 @@ h2.info {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+.p-print-0 {
+  padding: 0 !important;
+}
+.p-print-1 {
+  padding: $spacer * 0.25 !important;
+}
+.p-print-2 {
+  padding: $spacer * 0.5 !important;
+}
+.p-print-3 {
+  padding: $spacer * 0.75 !important;
+}
+.p-print-4 {
+  padding: $spacer * 1 !important;
+}
+.p-print-5 {
+  padding: $spacer * 1.3 !important;
+}
diff --git a/public/js/app/pages/CourseMemo.jsx b/public/js/app/pages/CourseMemo.jsx
@@ -190,7 +190,7 @@ function CourseMemo() {
         url={sourceUrl}
         startDate={memo.firstTuititionDate}
       />
-      <Row>
+      <Row className="p-print-4">
         <SideMenu
           courseCode={courseCode}
           courseMemoItems={courseMemoItems}

diff --git a/public/js/app/pages/__tests__/__snapshots__/CourseMemo.test.js.snap b/public/js/app/pages/__tests__/__snapshots__/CourseMemo.test.js.snap
@@ -52,7 +52,7 @@ exports[`Page CourseMemo renders a side menu and a page structure 1`] = `
       </ul>
     </section>
     <div
-      class="row"
+      class="p-print-4 row"
     >
       <nav
         aria-label="Sub menu"

diff --git a/server/views/layouts/publicLayout.handlebars b/server/views/layouts/publicLayout.handlebars
@@ -61,7 +61,7 @@
   {{/if}}
 </head>
 
-<body>
+<body class="p-print-5">
   {{#if lang}}
     <a class="skipToMainContent" href="#mainContent" tabindex="0">{{i18n 'skip_to_main_content' lang}}</a>
   {{else}}