dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-04 20:59:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

tabs: #84 include page icons in title

Browse Source
This commit is contained in:
dragonwocky 2020-10-27 20:43:32 +11:00
parent 1f802e5146
commit 64c88f5c42
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
3 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
mods/core/client.js
View File

@ -216,7 +216,38 @@ module.exports = (store, __exports) => {
if (tabsEnabled) {
let tab_title = '';
const TITLE_OBSERVER = new MutationObserver(() =>
__electronApi.setWindowTitle('notion.so')
);
__electronApi.setWindowTitle = (title) => {
const $container =
document.querySelector(
'.notion-peek-renderer [style="padding-left: calc(126px + env(safe-area-inset-left)); padding-right: calc(126px + env(safe-area-inset-right)); max-width: 100%; width: 100%;"]'
) ||
document.querySelector(
'.notion-frame [style="padding-left: calc(96px + env(safe-area-inset-left)); padding-right: calc(96px + env(safe-area-inset-right)); max-width: 100%; margin-bottom: 8px; width: 100%;"]'
) ||
document.querySelector('.notion-peak-renderer') ||
document.querySelector('.notion-frame'),
icon = $container.querySelector(
'.notion-record-icon [aria-label]:not([src^="data:"])'
),
text = $container.querySelector('[placeholder="Untitled"]');
title =
(icon ? `<img src="${icon.getAttribute('src')}">` : '') +
(text
? text.innerText
: [
setTimeout(() => __electronApi.setWindowTitle(title), 250),
title,
][1]);
TITLE_OBSERVER.disconnect();
TITLE_OBSERVER.observe($container, {
childList: true,
subtree: true,
characterData: true,
attributes: true,
});
if (tab_title !== title) {
tab_title = title;
electron.ipcRenderer.sendToHost('enhancer:set-tab-title', title);

4
mods/core/css/tabs.css
View File

@ -130,6 +130,10 @@ body,
border-bottom: 4px solid var(--theme--table-border);
opacity: 0.8;
}
#tabs .tab img {
width: 1em;
margin: 0 0.5em -3px 0.1em;
}
#tabs .tab:first-child {
margin-top: 0.5em;
}

6
mods/core/render.js
View File

@ -744,7 +744,11 @@ module.exports = (store, __exports) => {
this.views.tabs[id] = $tab;
},
},
React.createElement('span', {}, title),
React.createElement('span', {
dangerouslySetInnerHTML: {
__html: title,
},
}),
React.createElement(
'span',
{