scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-20 23:16:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve image scaling in image preview [SCI-873]

Browse source
This commit is contained in:
Oleksii Kriuchykhin 2017-02-22 16:55:57 +01:00
parent b65c716b79
commit cb588ed378
1 changed files with 17 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
app/assets/stylesheets/my_modules.scss
View file

@ -78,31 +78,37 @@
}
img {
left: 50%;
margin-right: -50%;
max-height: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
height: auto;
max-width: 100%;
@media (max-height: 520px) {
height: 80%;
max-width: 100%;
}
}
.modal-header {
background: $color-black;
border: 0;
height: 60px;
}
.modal-body {
height: 85%;
position: relative;
width: auto;
align-items: center;
display: -moz-flex;
display: -webkit-flex;
display: flex;
height: calc(100% - 120px);
justify-content: center;
overflow: hidden;
}
.modal-footer {
background: $color-black;
border: 0;
bottom: 0;
position: fixed;
height: 60px;
position: absolute;
text-align: center;
width: 100%;
}