mirror of
https://github.com/zadam/trilium.git
synced 2025-01-16 03:58:53 +08:00
commit
5428cafa50
1 changed files with 26 additions and 0 deletions
|
@ -30,9 +30,13 @@ const TPL = `
|
|||
height: 40px;
|
||||
width: 40px;
|
||||
}
|
||||
.title-bar-buttons .top-btn.active{
|
||||
background-color:var(--accented-background-color);
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- divs act as a hitbox for the buttons, making them clickable on corners -->
|
||||
<div class="top-btn" title="Keep this window on top. "><button class="btn bx bx-pin"></button></div>
|
||||
<div class="minimize-btn"><button class="btn bx bx-minus"></button></div>
|
||||
<div class="maximize-btn"><button class="btn bx bx-checkbox"></button></div>
|
||||
<div class="close-btn"><button class="btn bx bx-x"></button></div>
|
||||
|
@ -47,10 +51,32 @@ export default class TitleBarButtonsWidget extends BasicWidget {
|
|||
this.$widget = $(TPL);
|
||||
this.contentSized();
|
||||
|
||||
const $topBtn = this.$widget.find(".top-btn");
|
||||
const $minimizeBtn = this.$widget.find(".minimize-btn");
|
||||
const $maximizeBtn = this.$widget.find(".maximize-btn");
|
||||
const $closeBtn = this.$widget.find(".close-btn");
|
||||
|
||||
//When the window is restarted, the window will not be reset when it is set to the top, so get the window status and set the icon background
|
||||
(function () {
|
||||
const remote = utils.dynamicRequire('@electron/remote');
|
||||
if (remote.BrowserWindow.getFocusedWindow().isAlwaysOnTop()) {
|
||||
$topBtn.addClass('active');
|
||||
}
|
||||
}());
|
||||
$topBtn.on('click', () => {
|
||||
$topBtn.trigger('blur');
|
||||
const remote = utils.dynamicRequire('@electron/remote');
|
||||
const focusedWindow = remote.BrowserWindow.getFocusedWindow();
|
||||
const isAlwaysOnTop = focusedWindow.isAlwaysOnTop()
|
||||
if (isAlwaysOnTop) {
|
||||
focusedWindow.setAlwaysOnTop(false)
|
||||
$topBtn.removeClass('active');
|
||||
} else {
|
||||
focusedWindow.setAlwaysOnTop(true);
|
||||
$topBtn.addClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
$minimizeBtn.on('click', () => {
|
||||
$minimizeBtn.trigger('blur');
|
||||
const remote = utils.dynamicRequire('@electron/remote');
|
||||
|
|
Loading…
Reference in a new issue