Merge 191309 - Fix RTL display for NTP page.

Mirror all the rules referencing 'left' to reference 'right' on the
RTL NTP page.

BUG=222805


Review URL: https://chromiumcodereview.appspot.com/13242002

TBR=mariakhomenko@chromium.org
Review URL: https://codereview.chromium.org/13937010

git-svn-id: svn://svn.chromium.org/chrome/branches/1453/src@193480 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 26 insertions, 0 deletions

diff --git a/chrome/browser/resources/ntp_android/mostvisited_tablet.css b/chrome/browser/resources/ntp_android/mostvisited_tablet.css
index e5c1620..7065604 100644
--- a/chrome/browser/resources/ntp_android/mostvisited_tablet.css
+++ b/chrome/browser/resources/ntp_android/mostvisited_tablet.css
@@ -51,6 +51,10 @@ body[device='tablet'] .thumbnail-cell {
   width: 230px;
 }
 
+html[dir='rtl'] body[device='tablet'] .thumbnail-cell {
+  float: right;
+}
+
 body[device='tablet'] #most_visited_list .thumbnail-container {
   border: 1px solid #999;
   height: 160px;
@@ -99,6 +103,10 @@ body[device='tablet'] #most_visited_list .title {
   width: 250px;
 }
 
+html[dir='rtl'] body[device='tablet'] #most_visited_list .title {
+  right: -10px;
+}
+
 body[device='tablet'] .recently-closed-title-container {
   color: rgba(0, 0, 0, 0.5);
   display: inline-block;
@@ -109,6 +117,10 @@ body[device='tablet'] .recently-closed-title-container {
   width: 100%;
 }
 
+html[dir='rtl'] body[device='tablet'] .recently-closed-title-container {
+  padding-right: 6px;
+}
+
 body[device='tablet'] .recently-closed-title-container .title {
   display: block;
   font-size: 16px;
@@ -125,6 +137,10 @@ body[device='tablet'] #recently_closed_list .cell {
   width: 188px;
 }
 
+html[dir='rtl'] body[device='tablet'] #recently_closed_list .cell {
+  float: right;
+}
+
 body[device='tablet'] #recently_closed_list .title {
   color: blue;
   font-size: 12pt;
@@ -134,6 +150,11 @@ body[device='tablet'] #recently_closed_list .title {
   text-overflow: ellipsis;
 }
 
+html[dir='rtl'] body[device='tablet'] #recently_closed_list .title {
+  padding-right: 2px;
+  text-align: right;
+}
+
 body[device='tablet'] #recently_closed_list .icon {
   background-position: bottom left;
   background-repeat: no-repeat;
@@ -145,3 +166,8 @@ body[device='tablet'] #recently_closed_list .icon {
   top: -1px;
   width: 16px;
 }
+
+html[dir='rtl'] body[device='tablet'] #recently_closed_list .icon {
+  float: right;
+}
+