kevinwucodes / gmail-quick-links Goto Github PK
View Code? Open in Web Editor NEWa Chrome Extension / Firefox Add-On for creating Quick Links in Gmail
License: MIT License
a Chrome Extension / Firefox Add-On for creating Quick Links in Gmail
License: MIT License
Currently with the new gmail interface (after retiring inbox), if the menu is collapsed as such
then trying to click the inbox icon, takes you to the quicklinks, which is counter intuitive.
Therefore it would be nice if you could move the quicklinks to the bottom or another location, which doesn't interfere with the icons, or else you are forced to keep the menu tab open.
Chrome 72.0.3626.119
I tried installing the Firefox add-on to see if that one works without success.
Kevin, we'll be grateful for your help on this again.
Hey Kevin,
Thanks so much for a great and indispensable extension!
I modified the way the action buttons on the right (edit, rename and delete) are displayed using the Stylus extension and figure I'd share it just in case you happen to like the change. All I did was hide the 3 icons by default by setting the opacity to 0, then on hover of the parent div set the opacity of the 3 icons to .7, and on hover of an icon set it to 1.
I thought this helps make it feel a little less cluttered, plus it mimics the way Gmail itself handles some inline action buttons when you hover over a message in your inbox (like Archive, Delete, etc.):
Here's a screenshot, hopefully clarifying the behavior:
As you can see, there are two Quick Links. My mouse is hovering over both the second link and the middle icon, so all icons for this link are shown (with opacity 0.7) and the middle one has an opacity of 1. The difference between .7 and 1.0 is not very clear, but if you see it live it makes sense.
Here's the CSS:
#listContainer div div span.glyph {
opacity: 0;
}
#listContainer div div:hover span.glyph {
opacity: 0.7;
}
#listContainer div div:hover span.glyph:hover {
opacity: 1;
}
Hope this is useful! Thanks again for open sourcing your extension!
Great extension - thanks!
When I select "edit item" (the pen) but don't change the text, the item is deleted.
I guess Google updated their Gmail site, again.
I'm not seeing your quick-links on the site, anywhere.
Using latest 0.3.8
I've installed quick links and it worked fine for a few days.
Now it's missing from gmail.
I've already uninstalled and reinstalled but still missing.
Any suggestion?
Thanks
Paulo Soares
Currently, the delete "x" icon is relatively close to the quick link itself and VERY close to the "local/global" icon. This is dangerous, as the clicking the "x" just triggers a delete without any further confirmation from the user. I would suggest either:
a) An option to have the delete "x" icon trigger some kind of "Are you sure?" dialog before actually deleting the link, or
b) Failing that, have an option available in the extention "Gmail Quick Links" details settings page to turn off the "x" icon entirely. A user who used this who later wanted to remove one or more links would have to turn the setting back on before they could do so, but that seems like a reasonable trade vs. deleting quick links by accident with no confirmation or way to "undo" the action.
Currently if both this and Simplify Gmail are installed, and the S.G. "hide all stuff" hamburger menu is enabled, the Gmail Quick Links DIV is squished vertically.
Workaround is to decorate Gmail Quick Links' DIV with classes found in one of the DIVs encapsulating the Labels and Hangouts DIV.
Simplify Gmail extension: https://chrome.google.com/webstore/detail/simplify-gmail/pbmlfaiicoikhdbjagjbglnbfcbcojpj?hl=en
Source: https://github.com/leggett/simplify/tree/master/gmail
See the attached image for illustration of problem and workaround.
To fix for realz, I might also reach out to the Simplify Gmail extension author @leggett, and coordinate on "the best solution."
<3
In your code you make use of setInterval
to check if left nav panel is loaded, and clear that interval when the dom you need is ready.
I would suggest you to use a MutationObserver instead, in order to tell the browser to notify your code when the dom is ready.
My rationale is that Quick Links gets broken every time Google changes their Gmail UI and everyone's Quick Links get lost. Allowing an Export / Import would allow us to reimport them. Maybe the backup could be either a Google Docs/spreadsheet within a folder called Gmail Quicklinks
with a standard name or a text file that the user is responsible for remembering. Or maybe it could be in a bookmark folder.
Currently, I have bookmarks for all my Quicklinks within my Bookmarks Bar (the folder is called Gmail Searches
) but not everyone does that.
At a minimum, at least have an export so that each user can have a text file of their Quick Links so that they are easier to recreate. Maybe the readme should reference that it's a good idea to have a backup because you lose them whenever Google changes their Gmail UI.
It would be nice to have some way to re-order the links
On new Gmail layout the Quick links section looks ugly when the Gmail sidebar (all the labels and main gmail folders) is collapsed:
I think it would be nice to have a compact quick links layout when the sidebar is collapsed and the normal layout when the sidebar is expanded.
This compact layout should include only the quick links itself. In other words: the following elements should be removed from the layout when the sidebar is collapsed:
The cut link texts would be OK from my point of view.
How does that grab you?
My environment: MacOS 10.13.6, Firefox 61.0.1 (64-Bit), Quick Links 0.3.2
Hi,
I just started using Edge and I wanted to keep all of my existing QuickLinks and somehow import into Edge. I guess this could apply to other versions of Chromium browsers.
When you use the Gmail Quick Links for the first time, the message nothing to list: To add one, enter a gmail search and click "Add Quick Link" to create a quick list
looks like a link.
The text style should look like regular text.
This is a great plugin! Please can I ask, will you be adding support for the new-look gmail?
Many thanks
I have the labels list set to autohide, appearing when hover over it. I have some labels hidden and accessible by clicking on the "more" option at the bottom of the list.
Adding quicklinks (I have 2) at the top of the list pushes the "more" item off the bottom of the screen so it is inaccessible.
Hi, I have 3 gmail accounts. Links runs well and consistently in the simple gmasil accounts, the other two have a atXXXX.com.mx or AtXXXX.org.mx. Links runs randomly on those. Never on all three of them. It used to run, some time ago, in all three, perfectly.
I re-installed it today and nothing seems to be showing up.
Sorry, not sure how to provide more information or actionable-feedback
I currently have 15 QuickLinks. and if I add more I don't see them show up.
Questions:
1- is there a limit to how many we can have
2- is this something I can change to allow more
I'm using: Chrome
For some reason, the font here is very small compared to what the original lab one has.
The original one has font size of 12.8px, but the one added by extension is only 10.24px.
The funny thing is, the "Add Quick Link" text from extension is 12.8px, while the original is actually smaller (11.2px).
The problem occurs because the float styles are not cleared. I'll get this fixed in a couple of days.
The old and deprecated Quick Links widget provided by Gmail Labs was placed in a dedicated panel and activated by clicking on the three-dot icon on the bottom of the left panel.
This was very useful if one had a large amount of labels, since the widget panel is indipendent from the label tree.
Unfortunately, your Quick Links widget show at the bottom of label tree so the tree should be manually adjusted in height in order to make your widget always visible.
Related to issue: #8
When I install the extension and enter in gmail.com the extension do this:
//TODO: what is the person isn't signed in? Does this crash extension?
const currentAccountName = document
.querySelectorAll('a[title^="Google Account"]')[0]
.title
.match(/\(([^)]+)\)/)[1]
which causes:
Uncaught TypeError: Cannot read property 'title' of undefined
at index.js:29
Unfortunately, I'm italian and such element does not exists because the translation is "Account Google" but if I change the query selector to
'a[title^="Account"]'
It works.
However I suggest you to change the query selector to something more reliable like:
document.querySelectorAll('a[href*="accounts.google.com"]')
I created a quick link with a lengthy name now. I can't edit or delete it.
can you please help
if anyone can help supply some promotional tile preview images, that'll be great. Sizes should be:
Small tile - 440x280:
Large tile - 920x680: (optional)
Marquee - 1400x560: (optional)
A couple of days ago I noticed that the extension stopped working and I can no longer see my quick links.
Environment info:
Chrome Version 75.0.3770.100 (Official Build) (64-bit)
OS: iOS 10.14.5 (18F132)
Hardware: MacBook Pro (15-inch, 2016)
Console output:
The service worker navigation preload request was cancelled before 'preloadResponse' settled. If you intend to use 'preloadResponse', use waitUntil() or respondWith() to wait for the promise to settle.
index.js:36 Loaded Gmail Quick Links
gmailNodes.js:8 Uncaught TypeError: Cannot read property 'attributes' of null
at gmailAccountName (gmailNodes.js:8)
at injectReact (index.js:41)
at index.js:89
Please let me know if there is anything else I can do to help debug this issue!
At the moment, there are three icons: "globe", "pen" and "cross". It would be nice to be able to edit the "search terms" as well.
Of course, it's possible to execute the search, and then re-add another link. However, I often find myself wanting to tweak a link slightly, so it would be helpful to edit the search terms.
Hello,
Gmail gui upgraded today and quick link is no longer working for me.
can you please advise if there is anything I can do to fix it.
thanks
Dear @kevinwucodes,
Thank you so much for your extension! It is so helpful. :-)
I have a question. It used to work with multiple accounts. But since two days, the quick links only show up on mail.google.com/mail/u/1/ but no longer on mail.google.com/mail/u/0/.
Do you have any idea why that could be?
Thank you!
the console.log message Loaded Gmail Quick Links
should say what version is loaded
I have Quicklink installed both on Chrome and Edge browser and both work independently on the same account.
I would like to combine it if possible or way to export from one to the other.
I notice it might of happened when I just hit enter not click ok not sure ????
Per Firefox Add-on policy, they do not allow bundle JS but rather that all external libraries be made available.
They also do not like minification.
Whacked by another Google upgrade, I suspect.
Here's what I'm seeing in the console:
Loaded Gmail Quick Links
chrome-extension://e…links.bundle.js:169 Uncaught TypeError: Cannot read property '1' of null
at injectReact (chrome-extension://e…links.bundle.js:169)
at chrome-extension://e…links.bundle.js:225
After Gmail launched its redesign (24th of April) the Quick-Links add-on doesn't work at all - tested on Firefox 59.0.2 / Macos 10.13.4
Would be awesome if you can update the add-on for the new Gmail.
Thanks in advance
Christian
Sorry! I really hate it when this happens to you!
Apparently, Google made some changes and broke your extension, again.
I just notice a weird problem.
I tried to rename a few quick links and they disappear.
I am not sure what is happening. I clicked on the pencil icon only edit the name, for example, quick link name was 2020.
I removed and added 0 back at the end it disappears.
If i create a new link its working fine
Such a minor issue, but can we get bottom margin 15px on gmailQuickLinksContainer?
It's so close to the "Inbox" menu item that I keep clicking the wrong thing.
Possible to update with this latest, significant, UI shift?
In Gmail on 2021-07-16. Just noticed that the extension does not appear to be working even after repeatedly disabling and re-enabling the extension and reloading the page.
Currently the same quick links displayed for all gmail account.
Should be nice to have different lists for different accounts.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.