Bug 1165594 - Appropriately style new tab cog menu for RTL. r=Mardak a=sledru
authorMarina Samuel <msamuel@mozilla.com>
Fri, 12 Jun 2015 11:43:58 -0400
changeset 275079 1cec67224d77e24b311fe6471c3e74d4a896ca58
parent 275078 9f5f01ca0c12c797b0d156fd27312eb896ba2cc4
child 275080 558caff6816ed76db3003e952613f5d8de460e65
push id863
push userraliiev@mozilla.com
push dateMon, 03 Aug 2015 13:22:43 +0000
treeherdermozilla-release@f6321b14228d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersMardak, sledru
bugs1165594
milestone40.0a2
Bug 1165594 - Appropriately style new tab cog menu for RTL. r=Mardak a=sledru
browser/base/content/newtab/newTab.css
--- a/browser/base/content/newtab/newTab.css
+++ b/browser/base/content/newtab/newTab.css
@@ -550,17 +550,18 @@ input[type=button] {
   line-height: 54px;
   padding: 4px 24px;
   font-size: 14px;
   cursor: pointer;
 }
 
 .newtab-customize-panel-item {
   line-height: 25px;
-  padding: 15px 15px 15px 40px;
+  padding: 15px;
+  -moz-padding-start: 40px;
 }
 
 .newtab-customize-panel-item:not(:first-child),
 .newtab-search-panel-engine {
   border-top: 1px solid threedshadow;
 }
 
 .newtab-search-panel-engine > image {
@@ -579,21 +580,30 @@ input[type=button] {
   margin: 0;
   cursor: pointer;
 }
 
 .newtab-customize-panel-item,
 .newtab-customize-complex-option {
   width: 100%;
   display: block;
-  text-align: left;
+  text-align: start;
   max-width: 300px;
   background-color: #F9F9F9;
 }
 
+.newtab-customize-panel-item[selected]:-moz-locale-dir(rtl) {
+  background-position: right 15px center;
+}
+
+.newtab-customize-complex-option:hover > .selectable:not([selected]):-moz-locale-dir(rtl),
+.selectable:not([selected]):hover:-moz-locale-dir(rtl) {
+  background-position: right 15px center;
+}
+
 .newtab-intro-image-customize .newtab-customize-panel-item,
 .newtab-intro-image-customize .newtab-customize-complex-option {
   max-width: 100%;
 }
 
 .newtab-customize-panel-item:not([selected]),
 .newtab-customize-panel-subitem:not([selected]){
   color: #7A7A7A;
@@ -636,31 +646,33 @@ input[type=button] {
   background: url("chrome://global/skin/menu/shared-menu-check-black.svg") no-repeat #FFFFFF;
   background-size: 9px 9px;
   background-position: center;
   color: #333333;
 }
 
 .newtab-customize-panel-subitem {
   font-size: 12px;
-  padding: 0px 15px 15px 40px;
+  padding: 0px 15px 15px 15px;
+  -moz-padding-start: 40px;
   display: block;
 }
 
 .newtab-customize-panel-subitem > label {
-  padding-left: 10px;
+  padding: 0px 10px;
   line-height: 20px;
   vertical-align: middle;
   max-width: 225px;
 }
 
 .newtab-customize-panel-superitem {
   line-height: 20px;
   border-bottom: medium none !important;
-  padding: 15px 15px 10px 40px;
+  padding: 15px 15px 10px 15px;
+  -moz-padding-start: 40px;
   border-top: 1px solid threedshadow;
 }
 
 .searchSuggestionTable {
   font: message-box;
   font-size: 16px;
 }