Fix some regressions with the graphs when printing

- page-break avoidance needs to be moved to the wrapping TitledContainer
- grid has to be disabled, as it prevents page breaks from working, and
shows too many columns (https://forums.ankiweb.net/t/stats-save-as-pdf-problems-2-1-55/25773)
- content underflowed the top header
This commit is contained in:
Damien Elmes 2022-12-30 17:36:49 +10:00
parent ba68764fcb
commit 3357389309
3 changed files with 7 additions and 2 deletions

View file

@ -64,6 +64,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
} }
} }
transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;
page-break-inside: avoid;
} }
h1 { h1 {
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);

View file

@ -21,8 +21,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<style lang="scss"> <style lang="scss">
@use "sass/elevation" as *; @use "sass/elevation" as *;
.graph { .graph {
page-break-inside: avoid;
/* See graph-styles.ts for constants referencing global styles */ /* See graph-styles.ts for constants referencing global styles */
:global(.graph-element-clickable) { :global(.graph-element-clickable) {
cursor: pointer; cursor: pointer;

View file

@ -78,6 +78,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
font-size: 12px; font-size: 12px;
} }
@media only print {
// grid layout does not honor page-break-inside
display: block;
margin-top: 3em;
}
} }
.spacer { .spacer {