Urlbar code broken in 72

[ReggieNJ]

Have been using this code to reorder the title and url in the autocomplete popup. Not working anymore in version 72, it seems to be ignoring the order property.

Code: Select all

.urlbarView-favicon {
   order: 0;
}
.urlbarView-url {
   order: 1;
  -moz-margin-end: 20px !important;
}
.urlbarView-title-separator {
   display: none !important;
}
.urlbarView-title {
   order: 2;
}

[morat]

Try this:

Code: Select all

/* Firefox userChrome.css */

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

html|span.urlbarView-no-wrap {
  order: 1;
}
html|img.urlbarView-favicon {
  border: 1px solid red !important;
}
html|span.urlbarView-title {
  color: pink !important;
}
html|span.urlbarView-title-separator {
  display: none !important;
}
html|span.urlbarView-url {
  color: orange !important;
  order: 0;
}

http://kb.mozillazine.org/UserChrome.css

1. span.urlbarView-no-wrap
2. img.urlbarView-favicon
3. span.urlbarView-title
4. span.urlbarView-title-separator
5. span.urlbarView-url

1 & 5 are in one container. 2, 3, and 4 are in another container.

The order property specifies the order of items inside the same container.

CSS order property
http://www.w3schools.com/cssref/css3_pr_order.asp