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

better-looking imgnav btns

master
Aevann 2024-02-13 21:35:15 +02:00
parent 31a6a705bb
commit 18db19b9b7
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7689,17 +7689,17 @@ thead {
min-width: 300px
}
.imgnav {
#imgnav-next, #imgnav-prev {
border: 4px solid transparent;
color: black !important;
font-size: 35px;
background-color: #bbbbbb !important;
background-color: #939393 !important;
margin-left: -5px;
cursor: pointer;
text-decoration: none !important;
}
.imgnav:hover {
#imgnav-next:hover, #imgnav-prev:hover {
border: 4px solid var(--primary);
}

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

@ -1,11 +1,11 @@
<div class="modal" id="expandImageModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<a id="imgnav-prev" class="imgnav fas fa-arrow-left px-5 py-3 px-md-4 py-md-5 d-none"></a>
<a id="imgnav-prev" class="fas fa-arrow-left px-5 py-3 px-md-4 py-md-5 d-none"></a>
<div class="modal-body text-center p-0">
<a rel="noopener" target="_blank" id="expanded-image-wrap-link">
<img loading="lazy" alt="expanded image" class="rounded" id="expanded-image">
</a>
</div>
<a id="imgnav-next" class="imgnav fas fa-arrow-right px-5 py-3 px-md-4 py-md-5 d-none"></a>
<a id="imgnav-next" class="fas fa-arrow-right px-5 py-3 px-md-4 py-md-5 d-none"></a>
</div>
</div>