Giter Site home page Giter Site logo

gorvgoyl / notion-boost-browser-extension Goto Github PK

View Code? Open in Web Editor NEW
491.0 12.0 40.0 5.26 MB

Chrome & Firefox extension for Notion to add 20+ features like sticky outline, small text & full width by default, hide comments & help button, bolder text etc. Download here: https://gourav.io/notion-boost

Home Page: https://gourav.io/notion-boost

License: GNU General Public License v3.0

JavaScript 76.75% HTML 0.19% SCSS 23.05%
notion chrome-extension browser-extension firefox-addon firefox-extension notion-boost chrome

notion-boost-browser-extension's Introduction

Notion Boost

Notion Boost browser extension

Browser extension to add 20+ features to Notion.so like sticky outline (table of contents), small text & full width by default,scroll to top button, hide slash command menu, hide help button, bolder text and more.

Chrome extension versionChrome usersChrome extension starsFirefox versionFirefox users

🏠 Homepage

https://gourav.io/notion-boost

⬇ Downloads

⭐ All Features

https://gourav.io/notion-boost#-currently-added-features

Missing some feature? suggest it

See what's new in latest update: https://gourav.io/notion-boost/whats-new


👍 Liked this extension? express your love by rating ★★★★★ on Chrome/Firefox store.

👨‍💻 See my other projects: https://gourav.io


Looking for Notion Desktop App?

Use Notion Enhancer: https://notion-enhancer.github.io/


🙏 Credits

  • Notion Community for supporting and sharing this project.
  • Notion Enhancer project.

notion-boost-browser-extension's People

Contributors

gorvgoyl avatar lx200916 avatar twolfson avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

notion-boost-browser-extension's Issues

Feature request: CodeBlocks add attribute ‘max-height’

I'm a programmer,i always use “code blocks”,sometimes the code to long,then the “code blocks” very height,
I want to turn on or off 'max-height' with Notion boost plug,I have written some code and have implemented this function, but I am not very good at Javascript and css,I am not very good at english,thank you very much。

console.log('Notion Custom CodeBlock Max Height~')

const body = document.getElementsByClassName('notion-body').item(0);
if (body) {

    const config = {childList: true};

    const callback = () => {
        console.log('notion-body childList has changed')
        this.content()
        
    };


    const observer = new MutationObserver(callback);


    observer.observe(body, config);

    // observer.disconnect();
}


const callback = () => {
    console.log('notion-page-content childList has changed')
    this.setMaxHeight()
};

const observer = new MutationObserver(callback);

function content() {
    const content = document.getElementsByClassName('notion-page-content').item(0)
    if (content) {
        this.setMaxHeight()

        const config = {childList: true};


        observer.observe(content, config);

        // observer.disconnect();
    }
}


function setMaxHeight() {
    const content = document.getElementsByClassName('notion-page-content').item(0)
    if (!content) {
        return
    }
    const notionCodeBlocks = content.childNodes
    for (let i = 0; i < notionCodeBlocks.length; i++) {
        const notionCodeBlock = notionCodeBlocks[i]
        const classAttribute = notionCodeBlock.getAttribute('class')
        if (classAttribute.indexOf('notion-code-block') !== -1) {
            notionCodeBlock.style.maxHeight = '300px'
            notionCodeBlock.style.overflow = 'auto'

            const firstChild = notionCodeBlock.childNodes[0]
            if (firstChild) {
                firstChild.style.maxHeight = '300px'
                firstChild.style.overflow = 'auto'

                const firstGrandson = firstChild.childNodes[0]
                firstGrandson.style.maxHeight = '300px'
                firstGrandson.style.overflow = 'auto'
            }
        }
    }
}

Suggestion: Weekly Calendar view

It would be nice with the option to have a weekly calendar view. It could look like the calendar-view does right now, but only one row (one week) and make the section for each day a bit taller.

Feature Request: Time tracker

A feature that would allow the user to start a chronometer in a property called time or duration.
This has already a separate extension, but it seems to not work consistently. If you could contact its producer and get together to make it better, it would be awesome!

Feature request - Justified text

Firstly say thay I'm in love with this boost for Notion, it adds all the things i needed to make my experience worth it.

Said that, I do everything I can on Notion, including university work if possible, and not being able to justifie my text makes me use other options less aesthetically pleasing and productive for my projects.

Thanks in advance <3

Code line number glitches when dragging code blocks

When I drag a code block with "Show code line numbers" being enabled in Notion Boost, the line numbers will suddenly move to the right side and lose all formatting. When I refresh the page, the line numbers return back to normal. Note that I only got the option "Show code line numbers" enabled in my Notion Boost.

line number bug

I'm using Notion 2.11.23.9.0.30 and Notion Boost v2.2. Moreover, this bug can be found in both Chrome and Firefox.

Auto dark mode when system dark theme is turned on or off

I would like to see the automation of the keystroke Ctrl+Shift+L to initiate Notion's native dark mode. As of lately, notion is sill one of the few popular web apps that hasn't added this feature. If this feature can be established, it would be helpful for a lot of user having that dark mode automation goodness.

Bug: The full width feature doesn't seem to work

So I found out this extension yesterday and have downloaded it for mainly 3 reasons -

  • Full Width for all pages
  • Show Outline
  • Bold Text in Dark Mode

I enabled the Full Width Feature but whenever I go to a page or even create a new page, full width doesn't get enabled for those pages. Please look into it as I was looking for that feature for a long time and a fix will be appreciated!!! Otherwise it is a really nice extension.

Is there any plan to add this extension to notion-enhancer?

Hello, thank you for an awesome extension for notion, and I'm very enjoying this.
I recently learned about notion-enhancer, a mod loader for notion app that can add many kinds of features made by many people. So I became using notion not on browser but on the native app. I wonder if you could add this wonderful extension to the notion-enhancer.
Thank you.

line betweek sub blocks

Hello,

would you please add a feature to add straight line up to down to follow sub-blocks like sub todo's etc.
it can seem neater with this way

Scroll to bottom button

I can't seem to find any keyboard shortcut for scrolling to the top or bottom on Linux, so it makes sense to pair a "Scroll to bottom" button if we have a "Scroll to top" one

settings do not "stay" after rebooting computer/restarting Chrome

Hello! Thanks for creating the extension. I really enjoy the ability to narrow the line height of lists. I encounter a problem, however. Whenever I reboot my computer and go to my notion page again, none of the settings I selected in the extension apply. When I click the extension icon, the toggles are on, but they do not affect the notion page. In order to use the functions, I have to toggle off the features and back on again. To do this whenever I reboot my computer is a bit cumbersome. Thanks for looking into the problem!

Default date format

Hi - I find it really frustrating when i want to date stamp a note that i have to click on the date and change it to a standard dd-mm-yy format. If you could facilitate changing the default date format I think that would be really useful. Regards. David

Sticky title

Hi Gourav, really cool extension!
It would be awesome if it could be an option/toggle to display full title (so no ...).
See image to fully understand:

display full sticky title

Thank you and best regards,
Albert

Suggestion: indentation lines

It's a good idea to have a vertical line to make bulleted list trees easier to follow. Something like the image as follows:
Screenshot_2

"Small Text On All Pages" is broken

Page blocks added to a column view have a huge text size applied to them (see screenshot) when "small text on all pages" is turned on. This Notion Boost css seems to the be problem:
.smallText .notion-scroller.vertical>div>div>div:nth-child(1) div.notion-selectable.notion-page-block

Screenshot 1: "Small Text On All Pages" turned on
(Note how the full width page block does not have this issue, only page blocks in a column view)
Screenshot 2021-09-27 094428

Screenshot 2: "Small Text On All Pages" turned off
Screenshot 2021-09-27 094500

Feature request: Remove "Type '/' for commands" placeholder

First off, thank you for a mega helpful addon! A feature I could just love to be part of this would be the possibility to get rid of Notion's CSS placeholder in empty lines ("Type '/' for commands"). I mean ... I know that by now! :), and to me it just disturbs the look / flow of the pages. In any case, thanks!

Unable to Click on Gallery when Small Text is Selected

If I toggle on the small text and full width setting on a page that is already set to small text and full width within notion settings and that page contains a gallery database, the only columns of the gallery that can be clicked are the far right ones (the gallery that is visible has 25 items, but I don't think that matters)

Using standard tables (Utilisation de tableaux standard)

Bonjour, je trouve qu'il manque la possibilité d'utiliser des tableaux standards dans notion. Je parle des tableaux réalisables ainsi en markdown :

First Column second column
Content content

Actuellement on ne peut pas simplement présenter une info sous forme de tableau et ça me manque au quotidien.
Merci pour ce que vous faites.

Feature Request: Automatic expansion of Sidebar heirarchy for current page

Thanks you(s) for a killer Notion extension.

I commonly search for a page deep in a hierarchy, let's say "VS Code Notes". I click it to open it. Let's say it is in this page heirarchy: Reference > Code > TypeScript > VS Code Notes

Actual:
The sidebar has Reference collapsed.

Workaround: I manually dig through the sidebar to expand the enclosing pages.

Expected
Reference, it's child Code, and it's child TypeScript should expand so that I can easily see where the page "VS Code Notes" lives in the nested page hierarchy.

Implementation Details:
This could either

  1. happen automatically. When you load a page, the sidebar ensures that it's enclosing pages menu items are expanded or
  2. Provide a button or menu item in the page to "Expand Sidebar Menu for this page"

I would argue it should be #1 automatic.

Thanks for your amazing work!

Table improvements

Hi ! Let me start by saying this extension is awesome.

I don't know if this fits the scope of the expansion, but I think it has the potential of becoming really great with many little quirks added

I have lots of tables in notion, and something missing for me is a better table management.

I'd like to add Odd / Even coloration, something like :
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

And if it's possible (I don't know how to start with this), fixed header for tables, and first column ?

Indentation line highlighting

In text editors like Sublime Text, there's indicators which show level of indentation -- which can be handy for verifying being on the same line as another higher up item (e.g. both 2 lines indented). It also adds a different color for the current indentation level

It'd be nice to have the same support in Notion, though I think this is a lot easier said than done ._.

Example screenshot:

Selection_2021-09-17-20:41:27

Outline for comments

Love It and so great Job.
Like Outline for table of content, i wish it could be interest to add the same feature for the comments in the same page
Thanks in advance.

Feature request: change theme color based on time of day.

I like to keep Notion theme light during the day and dark during the night but the option to toggle it is buried in the settings menu. It would be super neat to simply set whatever times I'd like for it to change everyday and forget about it.

Paste as text

Often I want to dump some text I copied from another website or a pdf file into my notes. Notion treats the text as formatted and I end up with newlines that break the text into text blocks. I have to manually go through and re-flow the text.

If there was a way to paste-as-text while pressing e.g. shift, or a toggle in the notion boost tool, that would improve my workflows. Thanks

page height suggestion/request

Hi, I love this plugin and I just purchased the Pro version! One thing I was a bit disappointed with was the "Add more height to page" feature. It's great for getting rid of the top padding on pages with no cover, but I was hoping there would be a way to preserve the cover on pages where I have explicitly created one. Could an option be added to only collapse the top space on pages where no cover is set? Thanks!

Support for Better Indentations

Currently intending lists and unindenting them is a complete wreck in notion. I would love a hotkey to indent and unindent. This is probably my biggest gripe with Notion.

Feature request - link preview

I'm using a lot of links between notion pages for my DM'ing. It would be great if when hovering over, say, a link to a monster page I could get a preview of the first n paragraphs so I don't have to click through just to look something up.

Example for how that looks on DNDBeyond (a D&D content site):

image

Feature Suggestion: Sorting

It would be awesome to highlight a set of rows in a table and sort them by different columns. I'm looking to change the "natural ordering" of the rows, not to apply a sort filter.

Thanks!

Column width

One more request from a "Pro" user: I would love an option to somehow make columns in Table View narrower. Currently they are the cause of a lot of wasted space, especially when columns only contain 2-digit numbers. For instance:
Screen Shot 2021-09-02 at 9 36 59 AM

Feature Request: Highlighting current browse contents corresponding outline

The plug-in has excellent features and can display the outline of a concept article. This will help us quickly locate when reading long articles.
But in the process of quickly browsing the article, we often forget which chapter the current content belongs to, because the title is too far away from the content being read, so we cannot see the title of the corresponding content on the current screen.
I suggest adding an association between the mouse cursor position and the outline title. When the mouse is pointed at a certain paragraph of the content, the corresponding heading in the outline can be highlighted.
This will help to read longer articles.

Always 'Open As Page' in Databases

Always 'Open as Page' in database pages, like lists, tables and other. I'd LOVE to have this feature, it would really make Notion perfect. Please add this. Nice work.

New page button

We can't use keyboard shortcut ctrl/cmd+n to quickly create new pages in web version. Please consider adding a new page button to bypass this issue.

Suggestions re: "Show full text on hover"

  1. Recognize and ignore transient hovers, such as those that occur during navigation (vs. reading). Then ease the transition between truncated text and full text and between one cell or row and another. The current experience is unpleasantly jerky and disorienting – especially when triggered dozens of times in rapid succession as I move the cursor for navigation purposes.

  2. Detect and ignore tables/cells with wrapped text since the complete text is already visible, and the feature doesn't work properly on wrapped cells (see video).

Thanks for the good work!

NotionBoost.show-on-hover.with.wrapped.text.demo.mov

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.