phga/phga.de-legacy
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Removed the outer div for indicator (blocked scroll)

Browse Source
This commit is contained in:
Toerd@480 2019-10-24 12:19:48 +02:00
parent 4718e7fda7
commit ad94bb8775
3 changed files with 8 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
inc/css/main.css
View File

@ -150,38 +150,24 @@ nav {
/******************* SCROLL INDICATOR *******************/ /******************* SCROLL INDICATOR *******************/
#overlay-arrow {
position: absolute;
width: 95vw;
height: 5vh;
left: 2.5vw;
bottom: calc((var(--h-ex) - 5vh) / 2 + 2.5vh);
visibility: hidden;
}
.arrow { .arrow {
position: absolute; position: absolute;
line-height: 5vh; line-height: 5vh;
font-size: 12vh; font-size: 12vh;
top: -0.5vh; bottom: calc((var(--h-ex) - 5vh) / 2 + 2.0vh);
color: var(--c1); color: var(--c1);
background-color: var(--c3); background-color: var(--c3);
opacity: 0.7;
width: 6vh; width: 6vh;
height: 6vh; height: 6vh;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
visibility: hidden; visibility: hidden;
animation: notice 3s; animation: notice 4s;
animation-delay: 2s; animation-delay: 2s;
} }
.arrow:first-child {
left: 1vw;
}
.arrow:last-child { .arrow:last-child {
right: 1vw; right: 0;
} }
@keyframes notice { @keyframes notice {

5
inc/js/main.js
View File

@ -15,7 +15,7 @@ function run() {
function initialize() { function initialize() {
let welcome = document.getElementById("welcome"); let welcome = document.getElementById("welcome");
let exhibit = document.getElementById("exhibition"); let exhibit = document.getElementById("exhibition");
let notice = document.getElementById("overlay-arrow"); let notice = Array.from(document.getElementsByClassName("arrow"));
flyingText(welcome); flyingText(welcome);
document.addEventListener("click", (e) => { document.addEventListener("click", (e) => {
let overlay = document.getElementById("info-box"); let overlay = document.getElementById("info-box");
@ -33,7 +33,8 @@ function initialize() {
// remove the indicator on enter // remove the indicator on enter
exhibit.addEventListener("mouseenter", () => { exhibit.addEventListener("mouseenter", () => {
notice.remove(); notice[0].remove();
notice[1].remove();
}, {once: true}); }, {once: true});
} }

2
tmpl/gallery.html
View File

@ -16,8 +16,6 @@
</div> </div>
{{end}} {{end}}
</section> </section>
<section id="overlay-arrow">
<div class="arrow">&#x2039;</div> <div class="arrow">&#x2039;</div>
<div class="arrow">&#x203a;</div> <div class="arrow">&#x203a;</div>
</section>
{{end}} {{end}}