Bug 432272: Use -moz-padding-end and -moz-padding-start instead of padding-right and padding-left in tree(-aero).css, patch by Ehsan Akhgari <ehsan.akhgari@gmail.com>, r=me, r=dao, a=schrep
authorgavin@gavinsharp.com
Thu, 08 May 2008 17:13:39 -0700
changeset 15076 e0cc7149a3e4f08c959e9c4da97c66631970abbd
parent 15075 fe51be10a4c6599dfb72dabb4135f1f963c73856
child 15077 d3d258fdc27ed90d64734bd3a6187c98c701dcbf
push idunknown
push userunknown
push dateunknown
reviewersme, dao, schrep
bugs432272
milestone1.9pre
Bug 432272: Use -moz-padding-end and -moz-padding-start instead of padding-right and padding-left in tree(-aero).css, patch by Ehsan Akhgari <ehsan.akhgari@gmail.com>, r=me, r=dao, a=schrep
toolkit/themes/gnomestripe/global/tree.css
toolkit/themes/winstripe/global/tree-aero.css
toolkit/themes/winstripe/global/tree.css
--- a/toolkit/themes/gnomestripe/global/tree.css
+++ b/toolkit/themes/gnomestripe/global/tree.css
@@ -193,17 +193,17 @@ treechildren::-moz-tree-cell-text(primar
   background-color: Highlight;
   color: HighlightText;
 }
 
 treechildren::-moz-tree-drop-feedback {
   background-color: Highlight;
   width: 50px;
   height: 2px;
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }
 
 /* ::::: tree progress meter ::::: */
 
 treechildren::-moz-tree-progressmeter {
   margin: 2px 4px;
   border: 2px solid;
   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
@@ -263,21 +263,25 @@ treecol[hideheader="true"] {
 treecol:hover:active,
 treecolpicker:hover:active {
   color: ButtonText;
   border: 2px solid;
   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
   -moz-border-right-colors: ThreeDShadow transparent;
   -moz-border-bottom-colors: ThreeDShadow transparent;
   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
-  padding: 0px 1px 0px 3px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  -moz-padding-start: 3px;
+  -moz-padding-end: 1px;
 }
 
 .treecol-image:hover:active {
-  padding: 0px 0px 0px 2px;
+  padding: 0px;
+  -moz-padding-start: 2px;
 }
 
 treecol:hover:active .treecol-text {
   margin: 1px 0px -1px 0px !important;
 }
 
 /* ::::: column drag and drop styles ::::: */
 
@@ -317,17 +321,17 @@ treechildren::-moz-tree-column(insertaft
 .tree-columnpicker-icon {
   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
 }
 
 /* ::::: twisty :::::  */
 
 treechildren::-moz-tree-twisty {
   -moz-appearance: treetwisty;
-  padding-right: 4px;
+  -moz-padding-end: 4px;
   padding-top: 1px;
   width: 9px; /* The image's width is 9 pixels */
   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
 }
 
 treechildren::-moz-tree-twisty(open) {
   -moz-appearance: treetwistyopen;
   width: 9px; /* The image's width is 9 pixels */
@@ -345,17 +349,17 @@ treechildren.gridlines::-moz-tree-cell {
   border-bottom: 1px solid transparent !important;
 }
 
 treechildren.gridlines::-moz-tree-row {
   border: none;
 }
 
 treechildren::-moz-tree-image(Name) {
-  padding-right: 2px;
+  -moz-padding-end: 2px;
 }
 
 treechildren::-moz-tree-image(Name) {
   margin: 0px 2px;
   list-style-image: url("moz-icon://stock/gtk-file?size=menu");
 }
 
 treechildren::-moz-tree-image(Name, container) {
@@ -391,11 +395,12 @@ treechildren::-moz-tree-cell-text(select
 
 .tree-input {
   -moz-appearance: none;
   border: 1px solid Highlight;
   -moz-border-top-colors: Highlight;
   -moz-border-bottom-colors: Highlight;
   -moz-border-left-colors: Highlight;
   -moz-border-right-colors: Highlight;
-  margin: 0 0 0 -4px;
+  margin: 0;
+  -moz-margin-start: -4px;
   padding: 1px;
 }
--- a/toolkit/themes/winstripe/global/tree-aero.css
+++ b/toolkit/themes/winstripe/global/tree-aero.css
@@ -2,17 +2,17 @@
 
 /* ::::: twisty :::::  */
 
 treechildren::-moz-tree-indentation {
   width: 12px;
 }
 
 treechildren::-moz-tree-twisty {
-  padding-right: 1px;
+  -moz-padding-end: 1px;
   width: 9px;
 }
 
 /*
   Please note that the following RTL icons are only available in Aero themes:
    * chrome://global/skin/tree/twisty-clsd-hover.png
    * chrome://global/skin/tree/twisty-open-hover.png
    * chrome://global/skin/tree/twisty-clsd-rtl.png
@@ -24,18 +24,16 @@ treechildren::-moz-tree-twisty(hover) {
   list-style-image: url("chrome://global/skin/tree/twisty-clsd-hover.png");
 }
 
 treechildren::-moz-tree-twisty(hover, open) {
   list-style-image: url("chrome://global/skin/tree/twisty-open-hover.png");
 }
 
 tree[chromedir="rtl"] > treechildren::-moz-tree-twisty {
-  padding-right: 0px;
-  padding-left: 1px;
   list-style-image: url("chrome://global/skin/tree/twisty-clsd-rtl.png");
 }
 
 tree[chromedir="rtl"] > treechildren::-moz-tree-twisty(open) {
   list-style-image: url("chrome://global/skin/tree/twisty-open-rtl.png");
 }
 
 tree[chromedir="rtl"] > treechildren::-moz-tree-twisty(hover) {
--- a/toolkit/themes/winstripe/global/tree.css
+++ b/toolkit/themes/winstripe/global/tree.css
@@ -193,17 +193,17 @@ treechildren::-moz-tree-cell-text(primar
   background-color: Highlight;
   color: HighlightText;
 }
 
 treechildren::-moz-tree-drop-feedback {
   background-color: Highlight;
   width: 50px;
   height: 2px;
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }
 
 /* ::::: tree progress meter ::::: */
 
 treechildren::-moz-tree-progressmeter {
   margin: 2px 4px;
   border: 2px solid;
   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
@@ -260,21 +260,27 @@ treecolpicker:hover:active {
   border-top: 2px solid;
   border-right: 1px solid;
   border-bottom: 1px solid;
   border-left: 2px solid;
   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
   -moz-border-right-colors: ThreeDShadow;
   -moz-border-bottom-colors: ThreeDShadow;
   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
-  padding: 1px 4px 0px 5px;
+  padding-top: 1px;
+  padding-bottom: 0px;
+  -moz-padding-start: 5px;
+  -moz-padding-end: 4px;
 }
 
 .treecol-image:hover:active {
-  padding: 1px 1px 0px 2px;
+  padding-top: 1px;
+  padding-bottom: 0px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 1px;
 }
 
 /* ::::: column drag and drop styles ::::: */
 
 treecol[dragging="true"] {
   -moz-border-top-colors: ThreeDDarkShadow transparent !important;
   -moz-border-right-colors: ThreeDDarkShadow transparent!important;
   -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
@@ -317,17 +323,17 @@ treecol:not([hideheader="true"]) > .tree
 
 .tree-columnpicker-icon {
   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
 }
 
 /* ::::: twisty :::::  */
 
 treechildren::-moz-tree-twisty {
-  padding-right: 4px;
+  -moz-padding-end: 4px;
   padding-top: 1px;
   width: 9px; /* The image's width is 9 pixels */
   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
 }
 
 treechildren::-moz-tree-twisty(open) {
   width: 9px; /* The image's width is 9 pixels */
   list-style-image: url("chrome://global/skin/tree/twisty-open.png");
@@ -344,17 +350,17 @@ treechildren.gridlines::-moz-tree-cell {
   border-bottom: 1px solid transparent !important;
 }
 
 treechildren.gridlines::-moz-tree-row {
   border: none;
 }
 
 treechildren::-moz-tree-image(Name) {
-  padding-right: 2px;
+  -moz-padding-end: 2px;
 }
 
 treechildren::-moz-tree-image(Name) {
   margin: 0px 2px;
   list-style-image: url("chrome://global/skin/icons/folder-item.png") !important;
   -moz-image-region: rect(0px, 16px, 16px, 0px);
 }
 
@@ -395,11 +401,12 @@ treechildren::-moz-tree-cell-text(select
 
 .tree-input {
   -moz-appearance: none;
   border: 1px solid Highlight;
   -moz-border-top-colors: Highlight;
   -moz-border-bottom-colors: Highlight;
   -moz-border-left-colors: Highlight;
   -moz-border-right-colors: Highlight;
-  margin: 0 0 0 -4px;
+  margin: 0;
+  -moz-margin-start: -4px;
   padding: 1px;
 }