Bug 1088660 - Improve the search bar UI to support one-off searches - polish CSS for Windows/Linux, rs=dolske.

This commit is contained in:
Florian Quèze 2014-11-20 22:59:58 +01:00
parent 43792ed2f5
commit 99592ea91e
8 changed files with 20 additions and 12 deletions

View File

@ -6,6 +6,10 @@
-moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox");
}
.searchengine-menuitem > .menu-iconic-left {
display: -moz-box
}
.checkbox-label-box {
-moz-box-align: center;
}

View File

@ -19,7 +19,7 @@ var gSearchPane = {
let currentEngine = Services.search.currentEngine.name;
Services.search.getVisibleEngines().forEach(e => {
let item = list.appendItem(e.name);
item.setAttribute("class", "menuitem-iconic");
item.setAttribute("class", "menuitem-iconic searchengine-menuitem menuitem-with-favicon");
if (e.iconURI)
item.setAttribute("image", e.iconURI.spec);
item.engine = e;

View File

@ -40,8 +40,8 @@
<caption label="One-click search engines"/>
<label>The search bar lets you search alternate engines directly. Choose which ones to display.</label>
<richlistbox id="oneClickProvidersList" style="min-height: 50px;"/>
<hbox pack="end" style="margin-bottom: 2em">
<richlistbox id="oneClickProvidersList"/>
<hbox pack="end">
<label id="addEngines" class="text-link" value="Add more search providers…"
onclick="if (event.button == 0) { Services.wm.getMostRecentWindow('navigator:browser').BrowserSearch.loadAddEngines(); }"/>
</hbox>

View File

@ -13,6 +13,10 @@
height: 178px;
}
.searchengine-menuitem > .menu-iconic-left {
display: -moz-box
}
.checkbox-label-box {
-moz-box-align: center;
}

View File

@ -12,7 +12,7 @@ var gSearchPane = {
let currentEngine = Services.search.currentEngine.name;
Services.search.getVisibleEngines().forEach(e => {
let item = list.appendItem(e.name);
item.setAttribute("class", "menuitem-iconic");
item.setAttribute("class", "menuitem-iconic searchengine-menuitem menuitem-with-favicon");
if (e.iconURI)
item.setAttribute("image", e.iconURI.spec);
item.engine = e;

View File

@ -49,8 +49,8 @@
<caption label="One-click search engines"/>
<label>The search bar lets you search alternate engines directly. Choose which ones to display.</label>
<richlistbox id="oneClickProvidersList" style="min-height: 50px;"/>
<hbox pack="end" style="margin-bottom: 2em">
<richlistbox id="oneClickProvidersList"/>
<hbox pack="end" style="margin-bottom: 1em">
<label id="addEngines" class="text-link" value="Add more search providers…"
onclick="if (event.button == 0) { Services.wm.getMostRecentWindow('navigator:browser').BrowserSearch.loadAddEngines(); }"/>
</hbox>

View File

@ -111,10 +111,10 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon
.search-panel-current-engine {
border-top: none !important;
border-bottom: 1px solid #ccc;
-moz-box-align: center;
}
.search-panel-header {
font-size: 10px;
font-weight: normal;
background-color: rgb(245, 245, 245);
border-top: 1px solid #ccc;
@ -183,7 +183,7 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon
.addengine-item {
-moz-appearance: none;
font-size: 10px;
border: none;
height: 32px;
margin: 0 0;
padding: 0 10px;
@ -224,7 +224,7 @@ searchbar[oneoffui] .searchbar-engine-button {
border-top: none !important;
}
.searchbar-engine-image {
searchbar[oneoffui] .searchbar-engine-image {
-moz-margin-start: -1px;
}

View File

@ -122,10 +122,10 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon
.search-panel-current-engine {
border-top: none !important;
border-bottom: 1px solid #ccc;
-moz-box-align: center;
}
.search-panel-header {
font-size: 10px;
font-weight: normal;
background-color: rgb(245, 245, 245);
border-top: 1px solid #ccc;
@ -192,7 +192,7 @@ searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon
.addengine-item {
-moz-appearance: none;
font-size: 10px;
border: none;
height: 32px;
margin: 0 0;
padding: 0 10px;
@ -233,7 +233,7 @@ searchbar[oneoffui] .searchbar-engine-button {
border-top: none !important;
}
.searchbar-engine-image {
searchbar[oneoffui] .searchbar-engine-image {
-moz-margin-start: -1px;
}