diff --git a/src/skins/vector/css/atoms/ImageView.css b/src/skins/vector/css/atoms/ImageView.css index 94512ddb..22ef343b 100644 --- a/src/skins/vector/css/atoms/ImageView.css +++ b/src/skins/vector/css/atoms/ImageView.css @@ -45,8 +45,8 @@ limitations under the License. /* min-width hack needed for FF */ min-width: 0px; height: 90%; - -webkit-flex: 5; - flex: 5 5 0; + -webkit-flex: 15; + flex: 15 15 0; display: -webkit-flex; display: flex; @@ -110,6 +110,10 @@ limitations under the License. border: 1px solid #fff; } +.mx_ImageView_size { + font-size: 12px; +} + .mx_ImageView_link { color: #fff ! important; text-decoration: none ! important; diff --git a/src/skins/vector/views/atoms/ImageView.js b/src/skins/vector/views/atoms/ImageView.js index f81dee5d..6ff88e28 100644 --- a/src/skins/vector/views/atoms/ImageView.js +++ b/src/skins/vector/views/atoms/ImageView.js @@ -90,14 +90,22 @@ module.exports = React.createClass({ height: displayHeight }; */ - var style; + var style, res; + + if (this.props.width && this.props.height) { + style = { + width: this.props.width, + height: this.props.height, + }; + res = ", " + style.width + "x" + style.height + "px"; + } return (