Fix title bar layout

This commit is contained in:
windingwind 2023-12-07 17:57:13 +08:00 committed by Dan Stillman
parent d8919d29f7
commit c8d49e76e5
3 changed files with 11 additions and 2 deletions

View file

@ -195,7 +195,7 @@
<vbox id="titlebar"> <vbox id="titlebar">
<hbox class="titlebar-icon-container"> <hbox class="titlebar-icon-container">
<image class="titlebar-icon" src="chrome://zotero/skin/z.svg"></image> <html:div class="titlebar-icon"></html:div>
</hbox> </hbox>
<!-- Menu --> <!-- Menu -->
<toolbar type="menubar" id="toolbar-menubar" class="chromeclass-menubar" customizable="true" <toolbar type="menubar" id="toolbar-menubar" class="chromeclass-menubar" customizable="true"

View file

@ -59,6 +59,9 @@
* window state. Otherwise, elements in the navigator-toolbox, like the menubar, * window state. Otherwise, elements in the navigator-toolbox, like the menubar,
* can swallow those events. */ * can swallow those events. */
.titlebar-buttonbox { .titlebar-buttonbox {
right: 0px;
position: absolute;
height: var(--tab-min-height);
z-index: 1; z-index: 1;
display: flex; display: flex;
align-items: center; align-items: center;

View file

@ -44,11 +44,14 @@
} }
.titlebar-icon { .titlebar-icon {
background-image: url(chrome://zotero/skin/z.svg);
width: 16px;
height: 16px;
z-index: 2;
-moz-window-dragging: no-drag; -moz-window-dragging: no-drag;
pointer-events: all; pointer-events: all;
// to make the icon 36*36 // to make the icon 36*36
margin: 10px; margin: 10px;
object-fit: none;
} }
@ -110,6 +113,9 @@
/* Titlebar */ /* Titlebar */
.titlebar-buttonbox { .titlebar-buttonbox {
right: 0px;
position: absolute;
height: var(--tab-min-height);
appearance: none; appearance: none;
/* The button box must appear on top of the navigator-toolbox in order for /* The button box must appear on top of the navigator-toolbox in order for
* click and hover mouse events to work properly for the button in the restored * click and hover mouse events to work properly for the button in the restored