Bookhoard/foliate-js
1
0
Fork 0
mirror of https://github.com/john-okeefe/foliate-js.git synced 2026-09-09 11:29:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Reader: add footnote popovers

Browse Source 
Lacks a "go to" button, but at least shows something instead of nothing
This commit is contained in:
John Factotum
2022-10-21 18:57:26 +00:00
committed by GitHub
parent e74ad4311f
commit 3c05d0a957
3 changed files with 100 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
reader.html
+14
View File
@@ -237,6 +237,20 @@ body {
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E');
}
.popover {
background: Canvas;
color: CanvasText;
border-radius: 6px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .2), 0 0 16px rgba(0, 0, 0, .1), 0 0 32px rgba(0, 0, 0, .1);
}
.popover-arrow-down {
fill: Canvas;
filter: drop-shadow(0 -1px 0 rgba(0, 0, 0, .2));
}
.popover-arrow-up {
fill: Canvas;
filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .2));
}
</style>
<input type="file" id="file-input" hidden>
<div id="drop-target" class="filter">