Fix title bar layout
This commit is contained in:
parent
d8919d29f7
commit
c8d49e76e5
3 changed files with 11 additions and 2 deletions
|
@ -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"
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue