Custom CSS/Javascript for a Web Panel
-
I really like the idea of web panels, especially for reading news (like feedly.com). But some sites aren't designed to work in a web panel. Is there a way in Vivaldi to add custom CSS and/or JavaScript so I can change how a site behaves when it's in a web panel? For example, in feedly, I'd like to use JavaScript to change click events to open an article in a browser tab rather than inside the web panel.
-
I just found the answer and I'm very excited about it:
- Stylish for custom CSS
- Violentmonkey for custom Javascript
Tampermonkey is not working in webpanels for now.
I made a userscript for Google Translate: Select and drag desired text to Google Translate, the script will clear the contents of text area before dropping in it.
If I could make the sidepanel button (on the left edge of the screen) open when I hovering the draged text above it, then it would be more usefull.
-
Works well, good job. But you need neither Tampermonkey nor Violentmonkey for this. Just drag the script to the extensions page to install and it will function. That's one of Vivaldi's upsides compared to Opera and Chrome.
-
@luetage o_O Didn't know it - I'm sold. Vivaldi geting closer to my heart with every little hidden superpower.
-
Also, you can use a userjs that injects a stylesheet onto the page to avoid having to use a styler extension. But that's kind of annoying to manage.
-
Thanks for the info.
Is it possible to place an icon of the userscript on the address bar to turn on/off easily without opening the extensions page?
-
I just made another userscript for this thread: a userscript to fix Gmail context menu in mobile view.
I think I will open a new topic for userscripts and CSS dedicated to webpanels.