Bug 1394652 - All Preferences components should be round corners r?jaws draft
authorRicky Chien <ricky060709@gmail.com>
Tue, 29 Aug 2017 10:47:04 +0800
changeset 655596 7af174f163371c6b2a90f230355d7a2672ec0d89
parent 655385 db7f19e26e571ae1dd309f5d2f387b06ba670c30
child 728893 765c9735148f86dae8406e675228bb886e4dfc1a
push id76938
push userbmo:rchien@mozilla.com
push dateWed, 30 Aug 2017 08:09:09 +0000
reviewersjaws
bugs1394652
milestone57.0a1
Bug 1394652 - All Preferences components should be round corners r?jaws MozReview-Commit-ID: 9mgQXd86gNl
toolkit/themes/shared/in-content/common.inc.css
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -803,16 +803,17 @@ xul|filefield + xul|button {
 
 html|select[size][multiple],
 xul|richlistbox,
 xul|listbox {
   -moz-appearance: none;
   margin-inline-start: 0;
   background-color: var(--in-content-box-background);
   border: 1px solid var(--in-content-box-border-color);
+  border-radius: 2px;
   color: var(--in-content-text-color);
 }
 
 html|select[size][multiple] > html|option,
 xul|treechildren::-moz-tree-row,
 xul|listbox xul|listitem {
   padding: 0.3em;
   margin: 0;
@@ -834,16 +835,17 @@ xul|listbox xul|listitem[selected="true"
 }
 
 /* Trees */
 
 xul|tree {
   -moz-appearance: none;
   font-size: 1em;
   border: 1px solid var(--in-content-box-border-color);
+  border-radius: 2px;
   background-color: var(--in-content-box-background);
   margin: 0;
 }
 
 xul|tree:-moz-focusring,
 xul|richlistbox:-moz-focusring {
   border: 1px dotted var(--in-content-border-focus);
 }