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

better selectors for detecting favicons in databases

Browse Source
This commit is contained in:
dragonwocky 2020-11-01 14:39:06 +11:00
parent 650ac550fa
commit 6b161eb403
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
3 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
mods/core/client.js
View File

@ -227,10 +227,16 @@ module.exports = (store, __exports) => {
); );
__electronApi.setWindowTitle = (title) => { __electronApi.setWindowTitle = (title) => {
const $container = 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-peak-renderer') ||
document.querySelector('.notion-frame'), document.querySelector('.notion-frame'),
icon = $container.querySelector( icon = $container.querySelector(
'[style*="env(safe-area-inset-left)"] > .notion-record-icon img:not([src^="data:"])' '.notion-record-icon img:not([src^="data:"])'
), ),
img = img =
icon && icon.getAttribute('src') icon && icon.getAttribute('src')

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

@ -127,7 +127,7 @@ body,
font-size: 1.15em; font-size: 1.15em;
padding: 0.2em 0.4em; padding: 0.2em 0.4em;
text-align: left; text-align: left;
border-bottom: 4px solid var(--theme--table-border); border-bottom: 0.22em solid var(--theme--table-border);
opacity: 0.8; opacity: 0.8;
} }
#tabs .tab img { #tabs .tab img {
@ -135,14 +135,14 @@ body,
height: 1em; height: 1em;
width: 1em; width: 1em;
border-radius: 3px; border-radius: 3px;
margin: 0 0.5em -3px 0.1em; margin: 0 0.5em -0.16em 0.1em;
} }
#tabs .tab:first-child { #tabs .tab:first-child {
margin-top: 0.5em; margin-top: 0.5em;
} }
#tabs .tab:not(.new) span:not(.close) { #tabs .tab:not(.new) span:not(.close) {
width: 8.5em; width: 8.5em;
margin-right: 4px; margin-right: 0.22em;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -162,7 +162,7 @@ body,
#tabs .tab.current { #tabs .tab.current {
opacity: 1; opacity: 1;
background: var(--theme--selected); background: var(--theme--selected);
border-bottom: 4px solid var(--theme--option_active-background); border-bottom: 0.22em solid var(--theme--option_active-background);
} }
#tabs .tab.new { #tabs .tab.new {
background: none; background: none;
@ -179,7 +179,7 @@ body,
#tabs .tab .close:hover, #tabs .tab .close:hover,
#tabs .tab.new span:hover, #tabs .tab.new span:hover,
#titlebar .window-button:hover { #titlebar .window-button:hover {
border-radius: 4px; border-radius: 0.22em;
background: var(--theme--table-border); background: var(--theme--table-border);
box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border); box-shadow: 0 0 0 0.5px var(--theme--interactive_hover-border);
} }
@ -188,7 +188,7 @@ body,
color: var(--theme--button_close-fill); color: var(--theme--button_close-fill);
} }
#tabs .tab.dragged-over { #tabs .tab.dragged-over {
box-shadow: inset 4px 0 0 0 var(--theme--selected); box-shadow: inset 0.22em 0 0 0 var(--theme--selected);
} }
.notion { .notion {

1
mods/core/render.js
View File

@ -427,7 +427,6 @@ module.exports = (store, __exports) => {
document.body.style.setProperty(style[0], style[1]); document.body.style.setProperty(style[0], style[1]);
break; break;
case 'enhancer:set-tab-title': case 'enhancer:set-tab-title':
console.log(event.args[0]);
if (this.state.tabs.get(+event.target.id)) { if (this.state.tabs.get(+event.target.id)) {
this.setState({ this.setState({
tabs: new Map( tabs: new Map(