]>
Commit | Line | Data |
---|---|---|
1 | /* | |
2 | * Misc: print | |
3 | * ----------- | |
4 | */ | |
5 | @media print { | |
6 | //Add to elements that you do not want to show when printing | |
7 | .no-print { | |
8 | display: none !important; | |
9 | } | |
10 | ||
11 | //Elements that we want to hide when printing | |
12 | .main-sidebar, | |
13 | .left-side, | |
14 | .main-header, | |
15 | .content-header { | |
16 | &:extend(.no-print); | |
17 | } | |
18 | ||
19 | //This is the only element that should appear, so let's remove the margins | |
20 | .content-wrapper, | |
21 | .right-side, | |
22 | .main-footer { | |
23 | margin-left: 0 !important; | |
24 | min-height: 0 !important; | |
25 | .translate(0, 0) !important; | |
26 | } | |
27 | ||
28 | .fixed .content-wrapper, | |
29 | .fixed .right-side { | |
30 | padding-top: 0 !important; | |
31 | } | |
32 | ||
33 | //Invoice printing | |
34 | .invoice { | |
35 | width: 100%; | |
36 | border: 0; | |
37 | margin: 0; | |
38 | padding: 0; | |
39 | } | |
40 | ||
41 | .invoice-col { | |
42 | float: left; | |
43 | width: 33.3333333%; | |
44 | } | |
45 | ||
46 | //Make sure table content displays properly | |
47 | .table-responsive { | |
48 | overflow: auto; | |
49 | > .table tr th, | |
50 | > .table tr td { | |
51 | white-space: normal !important; | |
52 | } | |
53 | } | |
54 | } |