print.less 967 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  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. //Elements that we want to hide when printing
  11. .main-sidebar,
  12. .left-side,
  13. .main-header,
  14. .content-header {
  15. &:extend(.no-print);
  16. }
  17. //This is the only element that should appear, so let's remove the margins
  18. .content-wrapper,
  19. .right-side,
  20. .main-footer {
  21. margin-left: 0 !important;
  22. min-height: 0 !important;
  23. .translate(0, 0) !important;
  24. }
  25. .fixed .content-wrapper,
  26. .fixed .right-side {
  27. padding-top: 0 !important;
  28. }
  29. //Invoice printing
  30. .invoice {
  31. width: 100%;
  32. border: 0;
  33. margin: 0;
  34. padding: 0;
  35. }
  36. .invoice-col {
  37. float: left;
  38. width: 33.3333333%;
  39. }
  40. //Make sure table content displays properly
  41. .table-responsive {
  42. overflow: auto;
  43. > .table tr th,
  44. > .table tr td {
  45. white-space: normal !important;
  46. }
  47. }
  48. }