Fix print page count

ajuvonen · May 14, 2024 · a1c9ae3 · a1c9ae3
1 parent a420aea
commit a1c9ae3
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -117,8 +117,7 @@ watch(locale, (value) => {
 
 .app__overlay {
   background-color: rgba(0, 0, 0, 0.5);
-  position: absolute;
-  inset: 0;
+  height: 100%;
 }
 
 .app-bar {
@@ -146,6 +145,11 @@ watch(locale, (value) => {
   .v-container {
     margin: 0;
     padding: 0;
+    position: unset;
+  }
+
+  :deep(.v-application__wrap) {
+    position: unset;
   }
 
   :deep(.v-main__scroller) {

diff --git a/src/components/BaseView.vue b/src/components/BaseView.vue
@@ -34,4 +34,10 @@ const {isDark} = useScreen();
 .v-card {
   backdrop-filter: blur(5px);
 }
+
+@media print {
+  .v-card-text {
+    padding: 0;
+  }
+}
 </style>
diff --git a/src/components/__tests__/PrintViewTable.spec.ts b/src/components/__tests__/PrintViewTable.spec.ts
@@ -29,4 +29,22 @@ describe('PrintViewTable', () => {
     });
     expect(wrapper.find('h2').text()).toBe('My title');
   });
+
+  it('uses striped prop', async () => {
+    const wrapper = mount(PrintViewTable, {
+      props: {
+        striped: false,
+      },
+      slots: {
+        header: '<tr><th>My header</th></tr>',
+        body: '<tr><td>Body content</td></tr>',
+      },
+    });
+
+    expect(wrapper.find('.print-view__table').classes()).to.not.contain(
+      'print-view__table--striped',
+    );
+    await wrapper.setProps({striped: true});
+    expect(wrapper.find('.print-view__table').classes()).to.contain('print-view__table--striped');
+  });
 });