fx115: Fix a couple of long tag fixer window size issues

This commit is contained in:
Tom Najdek 2024-04-04 17:59:07 +02:00
parent e8df3c29dd
commit 09eb9b4e77
No known key found for this signature in database
GPG key ID: EEC61A7B4C667D77
2 changed files with 23 additions and 9 deletions

View file

@ -10,7 +10,6 @@
title="&zotero.sync.error;" title="&zotero.sync.error;"
id="zotero-long-tag-fixer-window" id="zotero-long-tag-fixer-window"
class="zotero-dialog" class="zotero-dialog"
width="600"
onload="Zotero_Long_Tag_Fixer.init()"> onload="Zotero_Long_Tag_Fixer.init()">
<dialog <dialog
id="zotero-long-tag-fixer" id="zotero-long-tag-fixer"
@ -20,7 +19,7 @@
<html:h1>&zotero.sync.longTagFixer.followingTagTooLong;</html:h1> <html:h1>&zotero.sync.longTagFixer.followingTagTooLong;</html:h1>
<html:textarea id="zotero-old-tag" readonly="readonly" /> <html:textarea id="zotero-old-tag" readonly="readonly" />
<label>&zotero.sync.longTagFixer.syncedTagSizeLimit;</label> <label>&zotero.sync.longTagFixer.syncedTagSizeLimit;</label>
<label value="&zotero.sync.longTagFixer.splitEditDelete;"/> <label value="&zotero.sync.longTagFixer.splitEditDelete;"/>
</html:div> </html:div>
<tabbox id="zotero-new-tag-actions"> <tabbox id="zotero-new-tag-actions">
<tabs> <tabs>
@ -30,7 +29,7 @@
</tabs> </tabs>
<tabpanels> <tabpanels>
<!-- Split --> <!-- Split -->
<vbox class="split-tab"> <tabpanel class="split-tab">
<hbox class="delimiter-input-wrap"> <hbox class="delimiter-input-wrap">
<label>&zotero.sync.longTagFixer.splitAtThe;</label> <label>&zotero.sync.longTagFixer.splitAtThe;</label>
<html:input <html:input
@ -47,21 +46,21 @@
<button label="&zotero.general.selectAll;" oncommand="Zotero_Long_Tag_Fixer.selectAll()"/> <button label="&zotero.general.selectAll;" oncommand="Zotero_Long_Tag_Fixer.selectAll()"/>
</div> </div>
</hbox> </hbox>
</vbox> </tabpanel>
<!-- Edit --> <!-- Edit -->
<vbox class="edit-tab"> <tabpanel class="edit-tab">
<html:textarea id="zotero-new-tag-editor"/> <html:textarea id="zotero-new-tag-editor"/>
<html:div id="zotero-new-tag-characters"> <html:div id="zotero-new-tag-characters">
<html:span id="zotero-new-tag-character-count" /> <html:span id="zotero-new-tag-character-count" />
<html:span>&zotero.sync.longTagFixer.characters;</html:span> <html:span>&zotero.sync.longTagFixer.characters;</html:span>
</html:div> </html:div>
</vbox> </tabpanel>
<!-- Delete --> <!-- Delete -->
<vbox align="center" pack="center"> <tabpanel align="center" pack="center">
<label value="&zotero.sync.longTagFixer.tagWillBeDeleted;"/> <label value="&zotero.sync.longTagFixer.tagWillBeDeleted;"/>
</vbox> </tabpanel>
</tabpanels> </tabpanels>
</tabbox> </tabbox>
<script src="include.js"/> <script src="include.js"/>

View file

@ -2,6 +2,7 @@
padding: 20px; padding: 20px;
font-size: 12px; font-size: 12px;
line-height: 1.333333333; line-height: 1.333333333;
width: 600px;
h1 { h1 {
font-size: 13px; font-size: 13px;
@ -20,6 +21,20 @@
tabpanels { tabpanels {
padding-top: 15px; padding-top: 15px;
tabpanel {
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
// prevent dialog from resizing when switching tabs or split character
min-height: 250px;
// fix min-width leaking to children for some reason causing weird glitch with checkboxes
* {
min-width: unset;
}
}
@include variant("#zotero-long-tag-fixer.is-long-tag") { @include variant("#zotero-long-tag-fixer.is-long-tag") {
padding-top: 33px; padding-top: 33px;
@ -59,7 +74,7 @@
.split-tab { .split-tab {
.tag-list { .tag-list {
height: calc(8 * (1em + 10px)); max-height: calc(8 * (1em + 10px));
overflow-x: hidden; overflow-x: hidden;
padding: 8px; padding: 8px;