Bug 1627477 - Convert all relevant uses of left/right to logical properties in browser/themes/osx and linux r=dao

Differential Revision: https://phabricator.services.mozilla.com/D69724

--HG--
extra : moz-landing-system : lando

browser/themes/linux/browser.css

@@ -90,12 +90,11 @@ menuitem.bookmark-item {
 }
 
 .bookmark-item:not(.subviewbutton) > .menu-iconic-left {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-block: 0;
 }
 
 .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
-  padding-inline-start: 0px;
+  padding-inline-start: 0;
 }
 
 /* Bookmark drag and drop styles */
@@ -181,7 +180,7 @@ menuitem.bookmark-item {
   border-color: ThreeDShadow;
 }
 
-/* identity box */
+/* Identity box */
 
 %include ../shared/identity-block/identity-block.inc.css
 
@@ -453,7 +452,7 @@ notification[value="translation"] menulist > .menulist-dropmarker {
  * to the sides and bottom of the panel.
  */
 #UITourTooltipButtons {
-  margin-left: -10px;
+  margin-inline-start: -10px;
   margin-bottom: -10px;
 }
 

browser/themes/linux/pageInfo.css

@@ -50,8 +50,7 @@
 }
 
 #mainDeck {
-  padding-left: 2px;
-  padding-right: 2px;
+  padding-inline: 2px;
 }
 
 #mainDeck {
@@ -101,8 +100,7 @@ html|input:disabled {
 /* Media Tab */
 #imagetree {
   min-height: 10em;
-  margin-top: 2px;
-  margin-bottom: 0;
+  margin-block: 2px 0;
 }
 
 #mediaSplitter {

browser/themes/osx/browser.css

@@ -311,14 +311,12 @@
 
 #BMB_bookmarksPopup[side="top"],
 #BMB_bookmarksPopup[side="bottom"] {
-  margin-left: -26px;
-  margin-right: -26px;
+  margin-inline: -26px;
 }
 
 #BMB_bookmarksPopup[side="left"],
 #BMB_bookmarksPopup[side="right"] {
-  margin-top: -26px;
-  margin-bottom: -26px;
+  margin-block: -26px;
 }
 
 /* Bookmarking panel */
@@ -531,8 +529,7 @@
 %include ../shared/tabs.inc.css
 
 .tab-label {
-  margin-top: 1px;
-  margin-bottom: 0;
+  margin-block: 1px 0;
 }
 
 .tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-icon-image:not([selected="true"]):not([multiselected]) {
@@ -597,8 +594,7 @@
 
 #tabbrowser-tabs {
   -moz-box-align: stretch;
-  padding-left: 0;
-  padding-right: 0;
+  padding-inline: 0;
   margin-bottom: 0;
   position: static;
 }
@@ -622,14 +618,12 @@ notification[value="translation"] {
   background-image: none;
   border-top: none;
   border-bottom: 1px solid #c4c4c4;
-  padding-top: 1px;
-  padding-bottom: 1px;
+  padding-block: 1px;
   min-height: 35px;
 }
 
 .translate-infobar-element {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
+  margin-block: 0 !important;
 }
 
 button.translate-infobar-element {
@@ -643,13 +637,11 @@ button.translate-infobar-element {
   min-height: 22px;
   min-width: 0;
   padding: 0 0.8em;
-  margin-left: 0.25em;
-  margin-right: 0.25em;
+  margin-inline: 0.25em;
 }
 
 button.translate-infobar-element .button-text {
-  margin-left: 0;
-  margin-right: 0;
+  margin-inline: 0;
 }
 
 label.translate-infobar-element {
@@ -680,8 +672,7 @@ button.translate-infobar-element[anonid="translate"]:hover {
 }
 
 button.translate-infobar-element.options-menu-button {
-  padding-inline-start: 0.5em;
-  padding-inline-end: 0;
+  padding-inline: 0.5em 0;
 }
 
 button.translate-infobar-element.options-menu-button > .button-box > .button-menu-dropmarker {
@@ -794,8 +785,7 @@ menulist.translate-infobar-element > .menulist-dropmarker {
 %include ../shared/contextmenu.inc.css
 
 #context-navigation > .menuitem-iconic {
-  padding-left: 0;
-  padding-right: 0;
+  padding-inline: 0;
 }
 
 .cui-widget-panelview[id^=PanelUI-webext-] {

browser/themes/osx/customizableui/panelUI.css

@@ -69,12 +69,12 @@ menu.subviewbutton > .menu-right {
 }
 
 .PanelUI-remotetabs-notabsforclient-label {
-  margin-left: 19px;
+  margin-inline-start: 19px;
   font-size: 13px;
 }
 
 #PanelUI-remotetabs[mainview] .PanelUI-remotetabs-notabsforclient-label {
-  margin-left: 23px;
+  margin-inline-start: 23px;
 }
 
 #PanelUI-remotetabs-tabslist {

browser/themes/osx/places/editBookmark.css

@@ -27,7 +27,8 @@
 
 .expander-up,
 .expander-down {
-  margin: 0 4px 1px 8px;
+  margin-block: 0 1px;
+  margin-inline: 8px 4px;
   padding: 0;
 }
 
@@ -40,7 +41,7 @@
 }
 
 #editBMPanel_folderTree {
-  margin: 6px 4px 0 4px;
+  margin: 6px 4px 0;
 }
 
 /* Hide the value column of the tag autocomplete popup
@@ -55,7 +56,7 @@
 #editBMPanel_tagsSelector > richlistitem > image {
   -moz-appearance: checkbox;
   -moz-box-align: center;
-  margin: 0px 2px;
+  margin: 0 2px;
   min-width: 13px;
   min-height: 13px;
 }

browser/themes/osx/places/organizer.css

@@ -171,7 +171,7 @@
 
 #placeContent > treechildren::-moz-tree-cell,
 #placeContent > treechildren::-moz-tree-column {
-  border-right: 1px solid #d7dad7;
+  border-inline-end: 1px solid #d7dad7;
 }
 
 #placeContent > treechildren::-moz-tree-cell(separator) {