Add a Quick Links menu to the Libary Synopsis web page.

The menu is generated dynamically by JavaScript functions defined in
quicklinks.js, by traversing the Detailed Table of Contents in the 
generated synopsis.html.
This commit is contained in:
hallgren
2017-06-01 18:21:52 +00:00
parent 3007072cc4
commit 6ec31f029e
3 changed files with 139 additions and 1 deletions

View File

@@ -14,7 +14,7 @@ div.reveal:hover div.popup {
}
.popup dl { margin: 5px; }
tr:hover div.expand {
tr:hover div.expand, div.quicklinks:hover > div.expand {
display: block;
}
@@ -24,3 +24,28 @@ table { border-collapse: collapse; }
td, th { padding: 5px; }
th { background: #9df; }
td { background: white }
/* Quick links */
/* To prevent Quick links from overlapping page header: */
h1 { margin-right: 2.5em; }
div.quicklinks {
position: fixed;
top:0; right:0;
max-height: 97%;
overflow: scroll;
background-color: rgba(255,255,192,0.9);
font-family: sans-serif;
box-shadow: 4px 4px 12px rgba(0,0,0,0.33);
padding: 5px;
}
table.quicklinks th, td.quicklinks {
border: 1px solid black;
vertical-align: top;
font-size: 90%;
line-height: 130%;
}
div.quicklinks a { display: block; }