From dccf5bdcb32d3019ac0410f195b00716b38ca75f Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Wed, 9 Nov 2016 11:42:54 +0100 Subject: added print css --- public/stylesheets/print.css | 45 ++++++++++++++++++++++++++++++++++++++++++++ views/index.jade | 1 + 2 files changed, 46 insertions(+) create mode 100644 public/stylesheets/print.css diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css new file mode 100644 index 0000000..ed715b6 --- /dev/null +++ b/public/stylesheets/print.css @@ -0,0 +1,45 @@ +#search, #week-selector { + background-color: inherit; + box-shadow: inherit; +} + +#search { + border-bottom: 1px solid black; +} + +#search .top-bar, #week-selector .week-wrapper { + max-width: inherit; +} + +#search input[type="text"] { + background-color: inherit; + color: black; + font-weight: bold; +} + +#search .fav { + display: none; +} + +#search #overflow-button { + display: none; +} + +#week-selector .week-wrapper { + display: block; +} + +#week-selector input[type='button'] { + display: none; +} + +#week-selector .current { + color: black; + padding: 16px; + font-size: 1.1em; + float: right; +} + +#search-space-filler { + display: none; +} diff --git a/views/index.jade b/views/index.jade index 6f3e230..a0b0db3 100644 --- a/views/index.jade +++ b/views/index.jade @@ -2,6 +2,7 @@ extends layout block head link(rel='stylesheet', href='/stylesheets/style.css') + link(rel='stylesheet', href='/stylesheets/print.css', media='print') link(rel='stylesheet', href='https://fonts.googleapis.com/icon?family=Material+Icons') link(rel='stylesheet', href='https://code.getmdl.io/1.2.1/material.indigo-pink.min.css') script(defer='', src='https://code.getmdl.io/1.2.1/material.min.js') -- cgit v1.1 From d27b780a576bbf4fa722f896a35e9d1ae5d47e13 Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Wed, 9 Nov 2016 12:16:49 +0100 Subject: attempt to fix safari print bug --- public/untisinfo.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/public/untisinfo.css b/public/untisinfo.css index d74a7aa..119e21e 100644 --- a/public/untisinfo.css +++ b/public/untisinfo.css @@ -9,3 +9,17 @@ html, body { center { margin: 5px; } + +@media print { + html, body { + overflow: inherit; + width: inherit; + height: inherit; + margin: inherit; + -webkit-overflow-scrolling: inherit; + } + + center { + margin: inherit; + } +} -- cgit v1.1 From 839ea157446381463fbd3e93c0bf950bc29a4b2a Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Wed, 9 Nov 2016 12:32:58 +0100 Subject: Reversed fix --- public/untisinfo.css | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/public/untisinfo.css b/public/untisinfo.css index 119e21e..d74a7aa 100644 --- a/public/untisinfo.css +++ b/public/untisinfo.css @@ -9,17 +9,3 @@ html, body { center { margin: 5px; } - -@media print { - html, body { - overflow: inherit; - width: inherit; - height: inherit; - margin: inherit; - -webkit-overflow-scrolling: inherit; - } - - center { - margin: inherit; - } -} -- cgit v1.1 From 63faeefede9c0cd9a68a5a88b2fedc8ea722cd8f Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Wed, 9 Nov 2016 12:51:00 +0100 Subject: added print button --- public/stylesheets/print.css | 4 ++++ views/index.jade | 4 +++- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css index ed715b6..dd17a42 100644 --- a/public/stylesheets/print.css +++ b/public/stylesheets/print.css @@ -43,3 +43,7 @@ #search-space-filler { display: none; } + +.mdl-menu__container { + display: none !important; +} diff --git a/views/index.jade b/views/index.jade index a0b0db3..8f575e5 100644 --- a/views/index.jade +++ b/views/index.jade @@ -27,7 +27,9 @@ block content ul.mdl-menu.mdl-menu--bottom-right.mdl-js-menu.mdl-js-ripple-effect(for='overflow-button') a(href='http://www.meetingpointmco.nl/Roosters-AL/doc/') - li.mdl-menu__item.mdl-menu__item--full-bleed-divider Oud rooster gebruiken + li.mdl-menu__item Oud rooster gebruiken + a(href='javascript:window.print()') + li.mdl-menu__item.mdl-menu__item--full-bleed-divider#print-page Pagina printen li.mdl-menu__item(disabled) Gemaakt door Noah Loomans .autocomplete-wrapper ul.autocomplete -- cgit v1.1