make imgnav button static at the edge of the screen and not transparent

master
Aevann 2024-02-13 19:00:50 +02:00
parent ea39618f48
commit e2999f76a3
2 changed files with 11 additions and 3 deletions

View File

@ -7693,8 +7693,7 @@ thead {
border: 4px solid transparent;
color: black;
font-size: 35px;
background-color: white !important;
opacity: 0.4;
background-color: #bbbbbb !important;
margin-left: -5px;
cursor: pointer;
text-decoration: none;
@ -7703,3 +7702,12 @@ thead {
#imgnav:hover {
border: 4px solid var(--primary);
}
@media (max-width: 768px) {
#imgnav {
position: absolute;
bottom: 0;
left: 50%;
}
}

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="imgnav" class="fas fa-arrow-right px-5 py-4 px-md-4 py-md-5 d-none"></a>
</div>
<a id="imgnav" class="fas fa-arrow-right px-5 py-3 px-md-4 py-md-5 d-none"></a>
</div>
</div>