diff options
| -rw-r--r-- | public/stylesheets/print.css | 49 | ||||
| -rw-r--r-- | views/index.jade | 5 |
2 files changed, 53 insertions, 1 deletions
diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css new file mode 100644 index 0000000..dd17a42 --- /dev/null +++ b/public/stylesheets/print.css @@ -0,0 +1,49 @@ +#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; +} + +.mdl-menu__container { + display: none !important; +} diff --git a/views/index.jade b/views/index.jade index 6f3e230..8f575e5 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') @@ -26,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 |