images that are single pane fill up the whole frame [ci skip]
This commit is contained in:
parent
d38582c5de
commit
494ba1f9b8
2 changed files with 13 additions and 3 deletions
|
|
@ -39,7 +39,11 @@ app.views.SmallFrame = app.views.Base.extend({
|
|||
} else if(ratio < 0.75) {
|
||||
return "x2 height"
|
||||
} else {
|
||||
return ""
|
||||
if(ratio > 1) {
|
||||
return "scale-vertical"
|
||||
} else {
|
||||
return "scale-horizontal"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -71,11 +71,10 @@ body {
|
|||
position : absolute;
|
||||
overflow : hidden;
|
||||
|
||||
width : 100%;
|
||||
top : 0;
|
||||
left : 0;
|
||||
|
||||
width : 100%;
|
||||
min-width : 100%;
|
||||
|
||||
img {
|
||||
max-height : 100%;
|
||||
|
|
@ -104,4 +103,11 @@ body {
|
|||
&.x2.width .content img { max-height: none; max-width: none; min-width: 100%; }
|
||||
&.x2.height .content img { max-width: none; max-height: none; min-height: 100%; }
|
||||
|
||||
&.scale-vertical .content img,
|
||||
&.scale-vertical .content .image-container {height : 100%; max-width : none; }
|
||||
|
||||
&.scale-horizontal .content img,
|
||||
&.scale-horizontal .content .image-container {width : 100%; max-height : none; }
|
||||
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue