fx-compat: Mostly fix locateManager

Still many selectors to update in preferences.css, but how we do that
depends on what our <prefwindow>/<prefpane> replacement looks like.
This commit is contained in:
Abe Jellinek 2022-05-24 00:46:39 -06:00
parent 7b4c4e528c
commit eae9a4447d
4 changed files with 20 additions and 30 deletions

View file

@ -114,17 +114,16 @@ groupbox {
margin: 6px; margin: 6px;
} }
.groupbox-title { groupbox > label > h2 {
border-bottom: #b5b5b5 1px solid; border-bottom: #b5b5b5 1px solid;
} }
.groupbox-body { groupbox > .groupbox-body {
-moz-appearance: groupbox;
padding: 8px 8px 3px; padding: 8px 8px 3px;
margin: 0; margin: 0;
} }
caption { groupbox > label > h2, caption {
padding-inline-start: 4px; padding-inline-start: 4px;
padding-bottom: 1px; padding-bottom: 1px;
font: caption; font: caption;

View file

@ -42,32 +42,26 @@ To add a new preference:
in Zotero.Prefs.observe() in Zotero.Prefs.observe()
--> -->
<prefwindow <window
id="zotero-locate-manager-prefs" id="zotero-locate-manager-prefs"
title="&zotero.preferences.title;" onload="init()" title="&zotero.preferences.title;" onload="init()"
windowtype="zotero:pref" windowtype="zotero:pref"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
xmlns:html="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> style="display: flex;">
<script src="include.js"></script>
<script src="locateManager.js"></script>
<groupbox flex="1">
<label><html:h2>&zotero.preferences.locate.locateEngineManager;</html:h2></label>
<prefpane id="zotero-prefpane-locate" <vbox class="groupbox-body" flex="1">
label="&zotero.preferences.prefpane.locate;" <label id="locate-engine-description" style="font-size: 12px; width: 45em;"/>
image="chrome://zotero/skin/prefs-styles.png"
flex="1">
<!-- TODO: pic for locate pane -->
<!-- TODO: create labels in dtd -->
<preferences>
<preference id="pref-locate-activeEngines" name="extensions.zotero.locate.activeEngines" type="string"/>
</preferences>
<groupbox flex="1">
<caption label="&zotero.preferences.locate.locateEngineManager;"/>
<label id="locate-engine-description" width="45em" style="font-size: 12px"/>
<separator class="thin"/> <separator class="thin"/>
<hbox class="virtualized-table-container" flex="1" height="100"> <hbox class="virtualized-table-container" flex="1" style="min-height: 100px;">
<html:div id="locateManager-tree"/> <html:div id="locateManager-tree"/>
</hbox> </hbox>
@ -90,13 +84,10 @@ To add a new preference:
&zotero.preferences.locate.addDescription; &zotero.preferences.locate.addDescription;
</label> </label>
--> -->
</groupbox> </vbox>
</prefpane> </groupbox>
<script src="include.js"></script>
<script src="locateManager.js"/>
<script> <script>
document.getElementById('locate-engine-description').textContent = Zotero.getString('locate.locateEngineDescription', Zotero.appName); document.getElementById('locate-engine-description').textContent = Zotero.getString('locate.locateEngineDescription', Zotero.appName);
</script> </script>
</prefwindow> </window>

View file

@ -317,7 +317,7 @@ var Zotero_LocateMenu = new function() {
* Open the locate manager * Open the locate manager
*/ */
function _openLocateEngineManager(event) { function _openLocateEngineManager(event) {
window.openDialog('chrome://zotero/content/locateManager.xul', window.openDialog('chrome://zotero/content/locateManager.xhtml',
'Zotero Locate Engine Manager', 'Zotero Locate Engine Manager',
'chrome,centerscreen' 'chrome,centerscreen'
); );

View file

@ -3,7 +3,7 @@ prefwindow .chromeclass-toolbar
display: -moz-box !important; /* Ignore toolbar collapse button on OS X */ display: -moz-box !important; /* Ignore toolbar collapse button on OS X */
} }
prefwindow { window[windowtype="zotero:pref"] {
min-width: 600px; min-width: 600px;
} }