From 062d395273e70b8688a91b5a2b34c0cc7afc679f Mon Sep 17 00:00:00 2001
From: Guillaume Marty <edo999@gmail.com>
Date: Thu, 26 Feb 2015 16:17:25 +0000
Subject: [PATCH] Bug 1134453 - [RTL] SMS notification for dual sim puts wrong
 parenthesis on wrong side of the sentence

---
 apps/system/index.html                      | 2 +-
 apps/system/js/notifications.js             | 1 +
 apps/system/test/unit/notifications_test.js | 3 +++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/system/index.html b/apps/system/index.html
index a882cae203a1..9b8b5519a3ec 100644
--- a/apps/system/index.html
+++ b/apps/system/index.html
@@ -1054,7 +1054,7 @@ <h1 data-l10n-id="data-roaming-enabled-title"></h1>
       <div id="notification-toaster" data-z-index-level="notification-toaster" role="link" aria-live="assertive" aria-atomic="true" class="notification-toaster">
         <img id="toaster-icon" role="presentation" class="toaster-icon"/>
         <div id="notification-container">
-          <div id="toaster-title" class="toaster-title"></div>
+          <div id="toaster-title" class="toaster-title" dir="auto"></div>
           <div id="toaster-detail" class="toaster-detail"></div>
         </div>
       </div>
diff --git a/apps/system/js/notifications.js b/apps/system/js/notifications.js
index a66a0593080b..ad60d9a1a18d 100644
--- a/apps/system/js/notifications.js
+++ b/apps/system/js/notifications.js
@@ -460,6 +460,7 @@ var NotificationScreen = {
 
     var titleContainer = document.createElement('div');
     titleContainer.classList.add('title-container');
+    titleContainer.setAttribute('dir', 'auto');
 
     var title = document.createElement('div');
     title.classList.add('title');
diff --git a/apps/system/test/unit/notifications_test.js b/apps/system/test/unit/notifications_test.js
index 82a259087c6c..d6dc86a25e5c 100644
--- a/apps/system/test/unit/notifications_test.js
+++ b/apps/system/test/unit/notifications_test.js
@@ -342,7 +342,10 @@ suite('system/NotificationScreen >', function() {
       assert.equal(dir, toaster.dir);
       var notificationNode =
         document.getElementsByClassName('notification')[0];
+      var notificationNodeTitle =
+        document.querySelector('.notification .title-container');
       assert.equal(dir, notificationNode.dir);
+      assert.equal('auto', notificationNodeTitle.dir);
     }
 
     test('calling addNotification with rtl direction', function() {