fx-compat: <split-menu-button>: Use margin instead of absolute height

And add space to the right of the button text. Should look right on Linux now.

Fixes #3041
This commit is contained in:
Abe Jellinek 2023-03-24 16:42:52 -04:00
parent ab2e163234
commit d9b16c15f7
2 changed files with 6 additions and 5 deletions

View file

@ -71,6 +71,9 @@
let hiDPISuffix = window.devicePixelRatio > 1 ? '@2x' : ''; let hiDPISuffix = window.devicePixelRatio > 1 ? '@2x' : '';
let frag = document.importNode( let frag = document.importNode(
MozXULElement.parseXULToFragment(` MozXULElement.parseXULToFragment(`
<vbox>
<box anonid="dropmarker-separator"/>
</vbox>
<hbox align="center" anonid="dropmarker-box"> <hbox align="center" anonid="dropmarker-box">
<image src="chrome://zotero/skin/searchbar-dropmarker${hiDPISuffix}.png" width="7" height="4" class="split-menu-button-dropmarker"/> <image src="chrome://zotero/skin/searchbar-dropmarker${hiDPISuffix}.png" width="7" height="4" class="split-menu-button-dropmarker"/>
</hbox> </hbox>

View file

@ -721,12 +721,10 @@
overflow: hidden; overflow: hidden;
} }
.split-menu-button [anonid="dropmarker-box"]::before { .split-menu-button [anonid="dropmarker-separator"] {
content: ''; -moz-box-flex: 1;
display: inline-block;
height: 12px;
border-inline-start: 1px solid #aaa; border-inline-start: 1px solid #aaa;
margin-inline-end: 2px; margin: 5px 2px 5px 4px;
} }
.split-menu-button .split-menu-button-dropmarker { .split-menu-button .split-menu-button-dropmarker {