official-techsupport
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

minor css changes for expanded images on mobile

master
Aevann 2023-06-26 14:52:38 +03:00
parent 24d93f7ab9
commit c642935957
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6834,11 +6834,7 @@ div.markdown {
.actionbtns > form > * { .actionbtns > form > * {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
#desktop-expanded-image {
max-width: 100%;
max-height: 70vh;
border: 5px white solid;
}
#expandImageModal > .modal-dialog { #expandImageModal > .modal-dialog {
max-width: 100% !important; max-width: 100% !important;
max-height: 100%; max-height: 100%;
@ -6846,14 +6842,20 @@ div.markdown {
margin-top: 0 !important; margin-top: 0 !important;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
@media (min-width: 768px) {
#desktop-expanded-image {
max-width: 90%;
max-height: 70vh;
border: 5px white solid;
}
@media (max-width: 768px) {
#desktop-expanded-image { #desktop-expanded-image {
max-height: 80vh; max-width: 100%;
} max-height: 65vh;
#expandImageModal > .modal-dialog { width: 100%;
max-width: 90% !important;
} }
} }
.fas.fa-ellipsis-h { .fas.fa-ellipsis-h {
margin: 0 0.15rem 0 0 !important; margin: 0 0.15rem 0 0 !important;
} }