Giter Club home page Giter Club logo

chrome-google-keep-full-screen's People

Contributors

chrisputnam9 avatar martinlichtblau 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

chrome-google-keep-full-screen's Issues

Disable by default

Every time I restart my browser Fullscreen is enabled again, even though I had it disabled (I only need it ocasionaly).

Please let me disable fullscreen by default or remeber the last session (enabled of not)

Toolbar positioned over content

I think it's a #bug that the toolbar is on top of the note's content. Since it's non-transparent, but grey, I can't see what's behind, which frequently annoys me. Furthermore you can't click the tags and reminder button like this.

Can't see the Zoom toggle button in notes footer

Hi. Great extension. Thanks.

I can't see the Zoom toggle button in notes footer. I could not find an option to enable this. Am I missing something?

Using Chrome Version 102.0.5005.63 (Build officiel) (64 bits) French version.

[1.3.0] Multiple sizes to select from eg. full/half/third - Gumez via Google Review

  • Create Options Page
  • Basic Layout and Styling
  • Review all related issues and update plans
  • Create option UX
  • Implement options on options page (for preview effect)
  • Save option updates to storage data
  • Load option updates from storage data on page load
  • Listen for option changes and update options page
  • Create new function changeSettings
  • Use new function on options page
  • Listen for option changes and update notes page
  • Fix style - show border if not 100%
  • Pivot to putting .gkfs-fullscreen on the body tag
  • Fix style - hide shadow
  • Implement padding
  • Use new function for saving fullscreen on notes page
  • Add link to options alongside Fullscreen help
  • Button to reset options to defaults

[1.3.0] Debug - help/options links missing from menu in certain cases

Steps to replicate:

  1. Load note open, eg. https://cmp.onl/tnca
  2. Click out, toggle dark mode, re-open note
  3. Toggle fullscreen
  4. Open menu

New Info:

  • Options get added to main settings menu when it's opened (to toggle dark mode)
  • After that, they won't add to other menus

Plan:

  • Observe the body
  • Check for new elements with the selector we care about
  • Target only the two types of menu we care about (top and note, not links)
  • Add a class to menu when it's initiated
  • Maybe kill the observer after both are initiated (?)

Adding full screen button to the "Take a note... " new note section

Great work on this extension - it's something that should have been included in the default web app. One tiny improvement I can see is if the functionality could be extended to also work in the "new note" section, as opposed to just in existing notes. Currently, my workflow for when I want to take a note is:

  1. Open Keep
  2. Click in "Take a Note..."
  3. Type temporary garbage: asd
  4. Close
  5. Open temporary note
  6. Delete garbage
  7. Go fullscreen
  8. Take fullscreen notes

It'd be awesome if I could eliminate steps 3-6 to streamline the process from "I want to take a note" to actually typing the note. I'll admit I've given neither the code nor the HTML structure a look yet to see how the "Take a Note..." is different from existing notes, but this feature would be a game changer for me.

Options menu doesn't appear at first

Reported by @JnLlnd

Thanks for the update. At first, the Options link in the menu did not work.
It took a few Chrome reloads before seeing it. Maybe the other extension I
use (French name "Extension Google Keep pour Chrome" version 4.24102.600.1)
interfered. I disabled it and re-enabled it. Not sure of the sequence I did
but now it works with the two extensions enabled. Everything works as
expected.

Styling Adjustments

  1. Icon style adjustment - very hard to see in dark mode
  2. Get rid of rounded corners in full screen - more apparent in dark mode

[1.3.0] Menu appears in the wrong place?

Product Version
Google Keep - Full Screen Edit 1.2.3
Google Chrome Version 103.0.5060.134 (Official Build) (x86_64)
OS macOS Big Sur 11.6.7 (20G630)

Couldn't see the menu item that I see in the gif in the readme - until I opened a note with a URL in it. Found the following:

  • no menu item on the normal menu with the note open or closed
  • menu item on the menu for a link

menu-not-there

menu-where

Screen Shot 2022-07-24 at 4 45 56 am

Feature request: Full width, full height notes in List view (not in edit mode)

Would it be possible to have all notes take all available width and height in List view?

Notes in List view are very narrow, there is a lot of empty space on the left and on the right. Would it be possible to change left and right margin to zero?

The notes also get truncated after 14 lines. Would it be possible to display notes with all lines? So the note would have as much height as there is needed to display all lines.

Notes don't have to be full screen, they should still scroll with the vertical scroll bar.

Create a popup

  • Popup
  • Options Link
  • Help Link
  • Toggle checkbox with hint

[1.3.0] Options page usability - not obvious that options is in its own tab

From @JnLlnd

My only comment is about the usability of the Options page. I was trying to
close the preview page to return to the Keep page but there was no way to
close it. It took me some time to realize that the preview page was open in
a new Chrome tab and that I had to close the tab. Maybe a hint about this
would help.

Ideas:

  • Add a note that always shows
  • Add a "close" button
  • Add a listener when backdrop is clicked (to either close or show a message)
  • Maybe also consider a confirmation if trying to close options with unsaved changes

Convert to user script if possible

If possible, convert this extension to a user script. If you're able to do so, this would reduce burden in a Safari version, and would work in all browsers including Safari for Mobile with the use of extensions on IOS 16+.

Ideally, stop continuous polling

Symptoms: keep tab loading slow, input not recognized, tab not responding and after some seconds chrome is not responding.

Debug: Chrome console constantly loops same message Setting fullscreen to: true .... script.js:124. So there is a loop somewhere that constantly runs that code, like a polling functions or an observer.

Feature request: Custom font

Hi,
it would be nice to be able to set a custom font for the notes themselves (UI doesn't really matter). The notes in fullscreen now became a good distraction-free writing app and this would integrate them better into the OS skin. (Win or Mac)

Tooltip style does not match the style used by the Google provided buttons

Product Version
Google Keep - Full Screen Edit 1.2.3
Google Chrome Version 103.0.5060.134 (Official Build) (x86_64)
OS macOS Big Sur 11.6.7 (20G630)

I've noticed that the style of tooltip used for "Full-screen Toggle" does not match the style of the tooltips provided by Google for the rest of the buttons, screenshots are attached to show what I mean.

Note that it does not matter if "Dark theme" is in use or not.

  • Background has the wrong colour
  • Text is in the wrong colour
  • The tip takes longer to be displayed than the others

keep-tooltip-extenstion

keep-tooltip-standard

[1.3.0] Button background colour doesn't match the others when the Dark Theme is in use

Product Version
Google Keep - Full Screen Edit 1.2.3
Google Chrome Version 103.0.5060.134 (Official Build) (x86_64)
OS macOS Big Sur 11.6.7 (20G630)

I've noticed that the background colour used for "Full-screen Toggle", when the user hovers over the button, does not match the colour used for the other buttons - when Dark Theme is enabled.

Hover background colour for def buttons: RGB 48, 50, 54
Hover background colour for ext. button: RGB 42, 42, 43

Note that this does not happen when "Dark theme" is not use - RGB 233, 234, 234 is correctly used.

Text indentation

Hi !
I take notes on laptop widescreen, and all the text is aligned on the left side in long lines, which is not very comfortable. It would be nice to display the text in a block with custom width, positioned in the center. Now I can bypass this by reducing the browser window width but it looks ugly, as it's not a real fullscreen. Thanks !

Feature request: Separate Vertical and Horizontal Padding in Options Page

Hey Chris!

Total game-changer for Google Keep - don't know why Google didn't implement this feature themselves! (but Google be googlin', I guess...)

One feature request though:

Title: Separate Vertical and Horizontal Padding in Options Page

Description:

Current Behavior:
The current version of the extension allows users to customize the width, padding, and background of the Google Keep notes. However, the padding can only be changed vertically and horizontally together, which limits the flexibility for users to fine-tune the appearance of the notes.

Desired Behavior:
I'd love to see the addition of separate controls for vertical and horizontal padding in the extension's options page. This would let the user independently adjust the top/bottom and left/right padding of the Google Keep notes, giving more control over the layout and appearance.

Justification:
Being able to separate the horizontal and vertical padding controls would give the flexibility to customize the notes exactly how the user wants - for example, the user may want to increase the horizontal padding to create more space between notes, while keeping the vertical padding tighter to fit more on the screen. Or the user could adjust the padding asymmetrically to get the perfect look.

Proposed Implementation:
The options page could include two separate sliders or input fields, one for horizontal padding and one for vertical padding. These should work independently, so the user can set different values for the horizontal and vertical padding.

I think this feature would make the extension pretty much feature complete. Let me know what you think!

Regards
Keller

[idea] Pass URL param to force note to open in fullscreen

Problem

I want to be able to open a link or have it set as a new tab starting URL, and have it open the note in fullscreen all the time and not based on the last state it was in.

Solution

Open in fullscreen if a URL param is present. e.g.

https://keep.google.com/u/0/?&fullscreen#LIST/12345abcde

Readme/description note

Aliane - Useful if you want to use Keep as a teaching tool to show the program and hide your own notes

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.