From: Radek Czajka Date: Wed, 7 Feb 2024 14:24:50 +0000 (+0100) Subject: fix reader X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/6dd6758582da7f138885dc1eee41c8f9031da410?ds=sidebyside;hp=6db272cdb367187394dbb01e93e2e03dab14f9ab fix reader --- diff --git a/src/wolnelektury/static/2022/styles/layout/_text.scss b/src/wolnelektury/static/2022/styles/layout/_text.scss index 8959c62f2..0a0e2a5a2 100644 --- a/src/wolnelektury/static/2022/styles/layout/_text.scss +++ b/src/wolnelektury/static/2022/styles/layout/_text.scss @@ -120,7 +120,61 @@ } #reference-box { display: none; + width: 300px; + position: fixed; + top: 0; + right: 0; + z-index:100; + background: #eee; + + img { + margin: 0; + } + + #reference-map { + height:400px; + width: 300px; + @media screen and (max-height: 800px) { + height: 300px; + } + } + #reference-images { + padding: 10px; + white-space: nowrap; + overflow-x: auto; + a { + display: inline-block; + vertical-align: middle; + margin: 0 10px 0 0; + img { + width: auto; + border: 5px solid white; + box-shadow: 4px 4px 4px #666; + max-width: 240px; + max-height: 200px; + } + } + } + #reference-link { + display: block; + font-size: 1.5em; + padding: 10px; + } + + #reference-close { + font-size: 30px; + position: absolute; + top: 10px; + right: 10px; + z-index: 1000; + font-family: sans-serif; + color: black; + } } + + + + #menu #info { padding-top: 0; display: none; @@ -536,7 +590,18 @@ table.border td, table.border th { -moz-user-select: none; -ms-user-select: none; - margin-right: -160px; + margin-right: -227px; + width: 170px; + text-indent: 0; + color: inherit; + padding-left: 12px; + border-left: 1px solid #333; +} + + +a.reference.interesting:after { + content: url('../images/pin.svg'); + padding: 3px; } } diff --git a/src/wolnelektury/static/js/book_text/progress.js b/src/wolnelektury/static/js/book_text/progress.js index 8175de666..d57a32fbd 100644 --- a/src/wolnelektury/static/js/book_text/progress.js +++ b/src/wolnelektury/static/js/book_text/progress.js @@ -15,7 +15,6 @@ textlen = textbottom - texttop; progress = (window.scrollY - texttop) / textlen; progress = Math.max(0, Math.min(progress, 1)) - console.log('SCROLL BODY', progress); $('#global-progress .filled').css('right', (1 - progress) * 100 + '%'); tleft = Math.round((1 - progress) * t / 60);