carpathianflorist
/
MarseyWorld
forked from MarseyWorld/MarseyWorld
1
0
Fork 0
Code Pull Requests Activity

image-navigation -> imgnav

master
Aevann 2024-02-13 18:55:11 +02:00
parent a5f8024b0d
commit ea39618f48
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
files/assets/css/main.css
View File

@ -7689,7 +7689,7 @@ thead {
min-width: 300px
}
#image-navigation {
#imgnav {
border: 4px solid transparent;
color: black;
font-size: 35px;
@ -7700,6 +7700,6 @@ thead {
text-decoration: none;
}
#image-navigation:hover {
#imgnav:hover {
border: 4px solid var(--primary);
}

4
files/assets/js/bottom.js
View File

@ -174,7 +174,7 @@ let all_images
let position
let num_of_images
const imagenav_btn = document.getElementById('image-navigation')
const imagenav_btn = document.getElementById('imgnav')
document.addEventListener('keydown', (e) => {
if (['ArrowRight', 'd'].includes(e.key) && imagenav_btn && !imagenav_btn.classList.contains('d-none')) {
@ -189,7 +189,7 @@ document.addEventListener("click", function (e) {
if (!element) return
if (element.id == 'image-navigation') {
if (element.id == 'imgnav') {
expandImage(element.href)
position += 1
if (position < num_of_images) {

2
files/assets/js/core.js
View File

@ -189,7 +189,7 @@ function formkey() {
const expandImageModal = document.getElementById('expandImageModal')
function expandImage(url) {
document.getElementById('image-navigation').classList.add('d-none')
document.getElementById('imgnav').classList.add('d-none')
const e = this.event
if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey)

2
files/templates/modals/expanded_image.html
View File

@ -4,7 +4,7 @@
<a rel="noopener" target="_blank" id="expanded-image-wrap-link">
<img loading="lazy" alt="expanded image" class="rounded" id="expanded-image">
</a>
<a id="image-navigation" class="fas fa-arrow-right px-5 py-4 px-md-4 py-md-5 d-none"></a>
<a id="imgnav" class="fas fa-arrow-right px-5 py-4 px-md-4 py-md-5 d-none"></a>
</div>
</div>
</div>