Bug 1588367 - Convert all relevant uses of float: right/left to logical...

Bug 1588367 - Convert all relevant uses of float: right/left to logical properties on browser/ r=johannh,MattN

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

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

browser/components/enterprisepolicies/content/aboutPolicies.css

@@ -15,15 +15,10 @@ body {
 }
 
 #sectionTitle {
-  float: left;
+  float: inline-start;
   padding-inline-start: 1rem;
 }
 
-#sectionTitle:dir(rtl) {
-  float: right;
-  padding-inline-end: 1rem;
-}
-
 /** Categories **/
 
 .category {

browser/extensions/formautofill/content/manageDialog.css

@@ -73,7 +73,7 @@ option:nth-child(even) {
   content: "";
   background: url("icon-credit-card-generic.svg") no-repeat;
   background-size: contain;
-  float: left;
+  float: inline-start;
   width: 16px;
   height: 16px;
   padding-inline-end: 10px;

browser/extensions/formautofill/skin/shared/autocomplete-item-shared.css

@@ -90,7 +90,7 @@ xul|richlistitem[originaltype="autofill-insecureWarning"] {
 
 .autofill-item-box:not([ac-image=""]) > .profile-label-col::before {
   margin-right: 5px;
-  float: left;
+  float: inline-start;
   content: "";
   width: 16px;
   height: 16px;

browser/extensions/webcompat/about-compat/aboutCompat.css

@@ -12,7 +12,7 @@
   }
 
   .float-right {
-    float: right;
+    float: inline-end;
   }
 
   .hidden {

browser/themes/shared/controlcenter/panel.inc.css

@@ -507,7 +507,7 @@ description#identity-popup-content-verifier,
   -moz-context-properties: fill, fill-opacity;
   fill-opacity: .6;
   transform: scaleX(-1) translateY(1px);
-  float: right;
+  float: inline-end;
 }
 
 .protections-popup-category:-moz-locale-dir(rtl)::after {

browser/themes/shared/customizableui/panelUI.inc.css

@@ -1130,7 +1130,7 @@ panelview .toolbarbutton-1,
 
 .subviewbutton[shortcut]::after {
   content: attr(shortcut);
-  float: right;
+  float: inline-end;
 }
 
 .PanelUI-subView .subviewbutton-nav::after,
@@ -1175,7 +1175,7 @@ panelview .toolbarbutton-1,
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
   fill-opacity: 0.4;
-  float: right;
+  float: inline-end;
   /* Centers the icon and resizes it to 12px square. */
   transform: translateY(2px) scaleX(.75);
 }
@@ -1192,7 +1192,7 @@ panelview .toolbarbutton-1,
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
   fill-opacity: 0.6;
-  float: right;
+  float: inline-end;
   height: 12px;
   width: 12px;
 }
@@ -1513,7 +1513,7 @@ toolbaritem[overflowedItem=true],
   content: url(chrome://browser/skin/back-12.svg);
   fill: currentColor;
   fill-opacity: 0.6;
-  float: right;
+  float: inline-end;
 }
 
 toolbarpaletteitem[place="menu-panel"] > .subviewbutton-nav::after {