Bug 1420883 - Change setting width to min-width for manage addresses dialog. r=lchang draft
authorScott Wu <scottcwwu@gmail.com>
Tue, 28 Nov 2017 15:21:47 +0800
changeset 704068 277de8ed0d8be9fa86ba6f9cb9f5c5d4f85e75f1
parent 703662 cad9c9573579698c223b4b6cb53ca723cd930ad2
child 741988 4524bd4ae2632581d211ebc7fb78fbedb9969ded
push id91064
push userbmo:scwwu@mozilla.com
push dateTue, 28 Nov 2017 07:44:57 +0000
reviewerslchang
bugs1420883
milestone59.0a1
Bug 1420883 - Change setting width to min-width for manage addresses dialog. r=lchang MozReview-Commit-ID: E1jjtfSdjZs
browser/extensions/formautofill/content/manageDialog.css
browser/extensions/formautofill/content/manageDialog.js
--- a/browser/extensions/formautofill/content/manageDialog.css
+++ b/browser/extensions/formautofill/content/manageDialog.css
@@ -1,12 +1,17 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+html {
+  /* Prevent unnecessary horizontal scroll bar from showing */
+  overflow-x: hidden;
+}
+
 div {
   display: flex;
 }
 
 fieldset {
   margin: 0;
   padding: 0;
   border: none;
--- a/browser/extensions/formautofill/content/manageDialog.js
+++ b/browser/extensions/formautofill/content/manageDialog.js
@@ -44,17 +44,17 @@ class ManageRecords {
 
   uninit() {
     log.debug("uninit");
     this.detachEventListeners();
     this._elements = null;
   }
 
   localizeDocument() {
-    document.documentElement.style.width = FormAutofillUtils.stringBundle.GetStringFromName("manageDialogsWidth");
+    document.documentElement.style.minWidth = FormAutofillUtils.stringBundle.GetStringFromName("manageDialogsWidth");
     FormAutofillUtils.localizeMarkup(AUTOFILL_BUNDLE_URI, document);
   }
 
   /**
    * Get the selected options on the addresses element.
    *
    * @returns {array<DOMElement>}
    */