Merge pull request #12635 from catboxanon/fix/full-page-img
Make image viewer actually fit the whole page
This commit is contained in:
commit
58a9082411
15
style.css
15
style.css
|
@ -609,13 +609,19 @@ table.popup-table .link{
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
background-color: rgba(0,0,0,0.2);
|
background-color:rgba(0,0,0,0);
|
||||||
|
z-index: 1;
|
||||||
|
transition: 0.2s ease background-color;
|
||||||
|
}
|
||||||
|
.modalControls:hover {
|
||||||
|
background-color:rgba(0,0,0,0.9);
|
||||||
}
|
}
|
||||||
.modalClose {
|
.modalClose {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
.modalControls span{
|
.modalControls span{
|
||||||
color: white;
|
color: white;
|
||||||
|
text-shadow: 0px 0px 0.25em black;
|
||||||
font-size: 35px;
|
font-size: 35px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
@ -640,6 +646,13 @@ table.popup-table .link{
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#modalImage{
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
.modalPrev,
|
.modalPrev,
|
||||||
.modalNext {
|
.modalNext {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Loading…
Reference in New Issue