Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Move print link styles to CSS, only shown on @media screen

  • Loading branch information...
commit 87eb92773133afb8ea6e6013c2193c105a44f72e 1 parent 9303708
@jeremybanks jeremybanks authored
Showing with 22 additions and 10 deletions.
  1. +20 −0 css/slideshow.css
  2. +2 −10 js/setup.js
View
20 css/slideshow.css
@@ -41,6 +41,7 @@
border-style: solid !important;
border-width: 1px !important;
border-color: black !important;
+ position: relative;
}
.printable-transcript {
@@ -63,3 +64,22 @@
overflow: auto !important;
padding: 0 0px;
}
+
+@media screen {
+ .print-nav-link {
+ z-index: 10;
+ background-color: white;
+ position: absolute;
+ bottom: .5em;
+ left: .5em;
+ padding: .25em;
+ border: 1px solid #888;
+ font-size: 75%;
+ }
+}
+
+@media print {
+ .print-nav-link {
+ display: none;
+ }
+}
View
12 js/setup.js
@@ -36,21 +36,13 @@ $(function() {
gotoLink.href = "#" + bodyChildren[ i ].getAttribute( "id" );
gotoLink.textContent = "Go to Slide";
- slide.style.position = "relative";
- gotoLink.style.zIndex = 10;
- gotoLink.style.background = "white";
- gotoLink.style.position = "absolute";
- gotoLink.style.bottom = ".5em";
- gotoLink.style.left = ".5em";
- gotoLink.style.padding = ".25em";
- gotoLink.style.border = "1px solid #888";
- gotoLink.style.fontSize = "75%";
+ gotoLink.className = "print-nav-link";
gotoLink.addEventListener( "click", function() {
document.getElementById( "printable" ).style.display = "none";
document.getElementById( "main" ).style.display = "";
showingPrintable = false;
- $.deck("go", String(this.href).substr(1));
+ $.deck("go", this.href.substr(1));
return false;
}, false );
Please sign in to comment.
Something went wrong with that request. Please try again.