Bug 1365489 - Show select element drop down arrow in edit profile dialog. r=scottwu draft
authorMatthew Noorenberghe <mozilla@noorenberghe.ca>
Thu, 08 Jun 2017 23:31:19 +0800
changeset 591070 894abc3857df56ffe329971369e4e77f82c300d1
parent 591069 f6e748977f2ef182c591859e0c5d0af5d9d60393
child 632412 6c1fd8e087f8d0adc2d18aae587eb80c2396ce4a
push id62941
push usermozilla@noorenberghe.ca
push dateThu, 08 Jun 2017 15:35:20 +0000
reviewersscottwu
bugs1365489
milestone55.0a1
Bug 1365489 - Show select element drop down arrow in edit profile dialog. r=scottwu MozReview-Commit-ID: HQC7e7t1p5Q
browser/extensions/formautofill/skin/shared/editProfile.css
--- a/browser/extensions/formautofill/skin/shared/editProfile.css
+++ b/browser/extensions/formautofill/skin/shared/editProfile.css
@@ -31,18 +31,28 @@ label > span {
 }
 
 input,
 select {
   flex: 1 0 auto;
   width: 9em;
 }
 
+select {
+  background-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+  background-position: right 3px center;
+  background-repeat: no-repeat;
+  background-size: auto 18px;
+  font-size: inherit;
+  padding-inline-end: 24px;
+  text-overflow: ellipsis;
+}
+
 option {
-  padding: 6px;
+  padding: 5px 10px;
 }
 
 textarea {
   resize: none;
 }
 
 button {
   padding: 3px 2em;