mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fx-compat: Item box: Fix creator name field sizing

Browse source 
Not the exact same sizing as Fx60, because that relied on some quirks
of the Mozilla box model that I can't reproduce with flexbox, but still
works about as well.
This commit is contained in:
Abe Jellinek 2022-07-21 16:12:28 -04:00
parent 37a6cc4de4
commit 808375d5e3
3 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
chrome/content/zotero/elements/itemBox.js
View file

@ -880,7 +880,6 @@
// Name // Name
var firstlast = document.createElement("span"); var firstlast = document.createElement("span");
firstlast.className = 'creator-name-box'; firstlast.className = 'creator-name-box';
firstlast.setAttribute("flex","1");
var tabindex = this._tabIndexMinCreators + (rowIndex * 2); var tabindex = this._tabIndexMinCreators + (rowIndex * 2);
var fieldName = 'creator-' + rowIndex + '-lastName'; var fieldName = 'creator-' + rowIndex + '-lastName';
var lastNameElem = firstlast.appendChild( var lastNameElem = firstlast.appendChild(

14
scss/components/_itemBox.scss
View file

@ -145,8 +145,20 @@ row label
} }
.creator-name-box { .creator-name-box {
display: flex;
flex: 1; flex: 1;
min-width: 0;
display: flex;
align-items: baseline;
& > input {
flex: 1;
width: 100%;
}
& > div {
flex-shrink: 1;
min-width: 10px;
}
} }
.creator-type-label > label .creator-type-label > label

2
scss/mac/_itemBox.scss
View file

@ -24,7 +24,7 @@ th > label, .creator-type-label, #more-creators-label {
max-height: 7px; max-height: 7px;
} }
td > input { td > input, .creator-name-box > input {
margin: -1px 5px -1px 0; margin: -1px 5px -1px 0;
padding: 0; padding: 0;
} }