Add theme to print page

Before, the printed page didn't have any usable CSS. Now, it uses the css files available in the application. It means that custom CSS can be add to target printed page. See #2149
6 years ago · d5ea3e96ef
parent 1d933dfe13
commit d5ea3e96ef
1 changed files with 4 additions and 8 deletions
--- a/p/scripts/main.js
+++ b/p/scripts/main.js
@ -859,15 +859,11 @@ function init_stream(stream) {

 		el = ev.target.closest('.item.share > a[href="#"]');
 		if (el) {	//Print
-			const content = '<html><head><style>' +
-				'body { font-family: Serif; text-align: justify; }' +
-				'a { color: #000; text-decoration: none; }' +
-				'a:after { content: " [" attr(href) "]"}' +
-				'</style></head><body>' +
-				el.closest('.flux_content').querySelector('.content').innerHTML +
-				'</body></html>';
 			const tmp_window = window.open();
-			tmp_window.document.writeln(content);
+			for (var i = 0; i < document.styleSheets.length; i++) {
+				tmp_window.document.writeln('<link href="' + document.styleSheets[i].href + '" rel="stylesheet" type="text/css" />');
+			}
+			tmp_window.document.writeln(el.closest('.flux_content').querySelector('.content').innerHTML);
 			tmp_window.document.close();
 			tmp_window.focus();
 			tmp_window.print();