forked from MarseyWorld/MarseyWorld
make imgnav button static at the edge of the screen and not transparent
parent
ea39618f48
commit
e2999f76a3
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue