diff --git a/mail.css b/mail.css
index c32805c..e7bc11e 100644
--- a/mail.css
+++ b/mail.css
@@ -922,6 +922,11 @@ div
overflow: hidden;
}
+.message-on-right .message-list .listview .message .subject
+{
+ padding-left: 0 !important;
+}
+
.message-on-bottom .message-list .listview .message .subject,
.message-invisible .message-list .listview .message .subject
{
diff --git a/mail.js b/mail.js
index 3b7532d..80b01f9 100644
--- a/mail.js
+++ b/mail.js
@@ -1,3 +1,5 @@
+window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame;
+
function getOffset(elem)
{
if (elem.getBoundingClientRect)
@@ -800,7 +802,7 @@ var MessageInList = React.createClass({
var msg = this.props.msg;
return
(msg[c] ? ' '+c : '')).join(''))+(msg.thread ? ' thread0' : '')}>
-
{msg.subject}
+
{msg.subject}
{msg.thread ?
: null}
{(msg.sent || msg.outgoing ? 'To '+msg.to : msg.from)}
@@ -831,7 +833,7 @@ var MessageList = React.createClass({
-
@@ -874,7 +876,7 @@ var MessageView = React.createClass({
Label
-
+
@@ -1016,7 +1018,29 @@ var AllTabs = React.createClass({
},
setLayout: function()
{
+ var oldLayout = this.state.layout;
this.setState({ layout: Store.layout });
+ window.scrollBy(0, 0);
+ var self = this;
+ requestAnimationFrame(function()
+ {
+ var btn;
+ if (oldLayout == 'message-on-right' &&
+ Store.layout != 'message-on-right')
+ {
+ btn = self.refs.list.refs.setBtn;
+ }
+ else if (oldLayout != 'message-on-right' &&
+ Store.layout == 'message-on-right')
+ {
+ btn = self.refs.view.refs.setBtn;
+ }
+ if (btn)
+ {
+ btn.setState({ pressed: false });
+ btn.toggle();
+ }
+ });
},
getInitialState: function()
{
@@ -1030,7 +1054,7 @@ var AllTabs = React.createClass({
noclose: true,
icon: 'mail_unread',
title: 'Unread (64)',
- children: [
,
]
+ children: [
,
]
},
{
icon: 'mail_drafts',