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

toggle window tray opt + css preview padding

Browse Source
This commit is contained in:
dragonwocky 2020-08-09 19:35:03 +10:00
parent 0b123cc41b
commit c5ef5b5b70
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
8 changed files with 66 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
mods/core/css/dark.css
View File

@ -27,6 +27,22 @@
.notion-dark-theme .notion-peek-renderer > div:nth-child(2) {
max-width: var(--theme_dark--preview-width) !important;
}
.notion-dark-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(1)
> div,
.notion-dark-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(2),
.notion-dark-theme .notion-peek-renderer .notion-page-view-discussion,
.notion-dark-theme .notion-peek-renderer .notion-page-content {
padding-left: var(--theme_dark--preview-padding) !important;
padding-right: var(--theme_dark--preview-padding) !important;
width: 100%;
}
.notion-dark-theme
.notion-peek-renderer
.notion-scroller.vertical

18
mods/core/css/light.css
View File

@ -28,6 +28,22 @@
.notion-light-theme .notion-peek-renderer > div:nth-child(2) {
max-width: var(--theme_light--preview-width) !important;
}
.notion-light-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(1)
> div,
.notion-light-theme
.notion-peek-renderer
.notion-scroller.vertical
> div:nth-child(2),
.notion-light-theme .notion-peek-renderer .notion-page-view-discussion,
.notion-light-theme .notion-peek-renderer .notion-page-content {
padding-left: var(--theme_light--preview-padding) !important;
padding-right: var(--theme_light--preview-padding) !important;
width: 100%;
}
.notion-light-theme
.notion-peek-renderer
.notion-scroller.vertical
@ -316,7 +332,7 @@
color: var(--theme_light--code_operator) !important;
}
.notion-light-theme .notion-code-block .token.important {
color: var(--theme_dark--code_important) !important;
color: var(--theme_light--code_important) !important;
}
.notion-light-theme .notion-code-block .token.property {
color: var(--theme_light--code_property) !important;

2
mods/core/css/menu.css
View File

@ -220,7 +220,7 @@ s {
margin-right: 0.5em;
}
#search #tags > .selected {
background: var(--tag_colour, var(--theme_local--primary_click));
background: var(--tag_colour, var(--theme_local--primary_hover));
}
/* module meta */

13
mods/core/css/shared.css
View File

@ -62,3 +62,16 @@
.notion-collection_view_page-block [role='button'] {
border-width: 0 !important;
}
/* patch inconsistent padding behaviour in preview */
.notion-peek-renderer .notion-page-content [style*='max-width: 943px;'] {
max-width: none !important;
}
.notion-peek-renderer .notion-page-view-discussion > div {
padding-left: 0 !important;
padding-right: 0 !important;
}
.notion-peek-renderer .notion-scroller.vertical > div:nth-child(2) > div {
padding-left: 15px !important;
padding-right: 15px !important;
}

2
mods/core/css/variables.css
View File

@ -15,6 +15,7 @@
--theme_dark--overlay: rgba(15, 15, 15, 0.6);
--theme_dark--dragarea: #272d2f;
--theme_dark--preview-width: 977px;
--theme_dark--preview-padding: 8em;
--theme_dark--preview_banner-height: 20vh;
--theme_dark--page_banner-height: 30vh;
@ -113,6 +114,7 @@
--theme_light--overlay: rgba(15, 15, 15, 0.6);
--theme_light--dragarea: rgba(55, 53, 47, 0.04);
--theme_light--preview-width: 977px;
--theme_light--preview-padding: 8em;
--theme_light--preview_banner-height: 20vh;
--theme_light--page_banner-height: 30vh;

8
mods/core/menu.js
View File

@ -180,13 +180,13 @@ window['__start'] = async () => {
}
createTag(
'enabled',
(state) => [(search_query.enabled = state), search()],
'var(--theme_local--bg_green)'
(state) => [(search_query.enabled = state), search()]
// 'var(--theme_local--bg_green)'
);
createTag(
'disabled',
(state) => [(search_query.disabled = state), search()],
'var(--theme_local--bg_red)'
(state) => [(search_query.disabled = state), search()]
// 'var(--theme_local--bg_red)'
);
for (let tag of search_query.tags)
createTag(`#${tag}`, (state) => [

13
mods/core/tray.js
View File

@ -159,6 +159,12 @@ module.exports = (store, __exports) => {
},
accelerator: 'CommandOrControl+Shift+N',
},
{
type: 'normal',
label: 'Toggle Visibility',
accelerator: store().hotkey,
click: toggleWindows,
},
{
type: 'separator',
},
@ -182,12 +188,13 @@ module.exports = (store, __exports) => {
windows.forEach((win) => [win.isFocused() && win.blur(), win.hide()]);
if (is_mac) electron.app.hide();
}
tray.on('click', () => {
function toggleWindows() {
const windows = electron.BrowserWindow.getAllWindows();
if (windows.some((win) => win.isVisible())) hideWindows();
else showWindows();
});
}
tray.on('click', toggleWindows);
electron.globalShortcut.register(store().hotkey, () => {
const windows = electron.BrowserWindow.getAllWindows();
if (windows.some((win) => win.isFocused() && win.isVisible()))

6
mods/dark+/styles.css
View File

@ -46,9 +46,9 @@
--theme_dark--todo_ticked: currentColor;
--theme_dark--todo_ticked-fill: white;
--theme_dark--todo_ticked-background: var(--theme_dark--primary);
--theme_dark--todo_hover-background: rgb(71, 76, 80);
--theme_dark--todo_hover-background: rgb(71, 76, 80); */
--theme_dark--danger_text: rgb(235, 87, 87);
/* --theme_dark--danger_text: rgb(235, 87, 87);
--theme_dark--danger_border: rgba(235, 87, 87, 0.5); */
--theme_dark--text: rgb(228, 228, 228);
@ -84,7 +84,7 @@
--theme_dark--line_red: rgba(122, 20, 20, 0.623);
--theme_dark--code_inline-text: #7dc582;
--theme_dark--code_inline-background: rgb(8, 8, 8)
--theme_dark--code_inline-background: rgb(8, 8, 8);
--theme_dark--code_text: var(--theme_dark--text);
--theme_dark--code-background: rgb(8, 8, 8);
--theme_dark--code_function: #c7e1ff;