aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2016-11-09 12:53:15 +0100
committerGitHub <noreply@github.com>2016-11-09 12:53:15 +0100
commite9c57f705f5638c65bf3c1e946de766f9b794c6d (patch)
tree48e993c4150c47a69979c0d084d53b08ae224028
parentfe54db967ff79d75f2d793d41aeec677b01c6067 (diff)
parent63faeefede9c0cd9a68a5a88b2fedc8ea722cd8f (diff)
Merge pull request #1 from nloomans/beta
added print enhancement
-rw-r--r--public/stylesheets/print.css49
-rw-r--r--views/index.jade5
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