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)}
-
+
);
},
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 (
-
-
+
+
+
);
},
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 =