diff --git a/skins/base/css/molecules/MImageTile.css b/skins/base/css/molecules/MImageTile.css index 775ebca925..187915aa8b 100644 --- a/skins/base/css/molecules/MImageTile.css +++ b/skins/base/css/molecules/MImageTile.css @@ -14,6 +14,22 @@ See the License for the specific language governing permissions and limitations under the License. */ -.mx_MImageTile { +.mx_MImageTile_thumbnail { + background-color: #fff; + border: 2px solid #fff; + border-radius: 1px; } +.mx_MImageTile_download { + color: #80cef4; + cursor: pointer; +} + +.mx_MImageTile_download a { + color: #80cef4; + text-decoration: none; +} + +.mx_MImageTile_download img { + padding-right: 8px; +} \ No newline at end of file diff --git a/skins/base/img/newmessages.png b/skins/base/img/newmessages.png new file mode 100644 index 0000000000..e6dbeb17fd Binary files /dev/null and b/skins/base/img/newmessages.png differ diff --git a/skins/base/views/molecules/MFileTile.js b/skins/base/views/molecules/MFileTile.js index c519bfc43a..a0b4465e87 100644 --- a/skins/base/views/molecules/MFileTile.js +++ b/skins/base/views/molecules/MFileTile.js @@ -32,9 +32,12 @@ module.exports = React.createClass({ return ( - - {this.presentableTextForFile(content)} - +
+ + + Download {this.presentableTextForFile(content)} + +
); }, diff --git a/skins/base/views/molecules/MImageTile.js b/skins/base/views/molecules/MImageTile.js index b35de04fa8..6b95f7ef6f 100644 --- a/skins/base/views/molecules/MImageTile.js +++ b/skins/base/views/molecules/MImageTile.js @@ -17,6 +17,7 @@ limitations under the License. 'use strict'; var React = require('react'); +var filesize = require('filesize'); var MImageTileController = require("../../../../src/controllers/molecules/MImageTile"); @@ -78,9 +79,15 @@ module.exports = React.createClass({ return ( - - {content.body} + + {content.body} +
+ + + Download {content.body} ({ filesize(content.info.size) }) + +
); }, diff --git a/skins/base/views/molecules/MessageTile.js b/skins/base/views/molecules/MessageTile.js index d6b8713f56..458de3c999 100644 --- a/skins/base/views/molecules/MessageTile.js +++ b/skins/base/views/molecules/MessageTile.js @@ -61,6 +61,12 @@ module.exports = React.createClass({ mx_MessageTile_last: this.props.last, }); var timestamp = + + var aux = null; + if (msgtype === 'm.image') aux = "sent an image"; + else if (msgtype === 'm.video') aux = "sent a video"; + else if (msgtype === 'm.file') aux = "uploaded a file"; + var avatar, sender, resend; if (!this.props.continuation) { avatar = ( @@ -68,7 +74,7 @@ module.exports = React.createClass({ ); - sender = ; + sender = ; } if (this.props.mxEvent.status === "not_sent" && !this.state.resending) { resend =