Advanced Panels Mod (with Sessions Panel)
-
@highrup use
chrome://extensions
instead ofvivaldi://extensions
and you'll get a nice favicon -
It's not working for me. I've followed the instructions and added the files to the appropriate folders and edited the browser.html file. When I restart the browser (Exit > Launch), it does not show any additional panels.
I am using version 2.10.1745.27 (Stable Channel)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Vivaldi</title> <link rel="stylesheet" href="style/common.css" /> <link rel="stylesheet" href="style/advancedPanels.css" /> <link rel="stylesheet" href="chrome://vivaldi-data/css-mods/css" /> <style> body { background-color: #d2d2d2; background-image: url('resources/vivaldi-splash-icon.svg'); background-size: 16%; background-position: center; background-repeat: no-repeat; } @media (prefers-color-scheme: dark) { body { background-color: #2d2d2d; } } </style> </head> <body> <div id="app" /> <script src="background-common-bundle.js"></script> <script src="vendor-bundle.js"></script> <script src="settings-bundle.js"></script> <script src="urlbar-bundle.js"></script> <script src="components-bundle.js"></script> <script src="bundle.js"></script> <script src="advancedPanels.js"></script> </body> </html>
-
@Sillvva Hi, did you make this pass? "The mod requires that you first add your own web panel manually, with a URL set to vivaldi://sessions"
I don't know if it affects it but the browser.html file modifies it in the following way:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Vivaldi</title> <link rel="stylesheet" href="style/common.css" /> <link rel="stylesheet" href="chrome://vivaldi-data/css-mods/css" /> <link rel="stylesheet" href="style/advancedPanels.css" /> <style> body { background-color: #d2d2d2; background-image: url('resources/vivaldi-splash-icon.svg'); background-size: 16%; background-position: center; background-repeat: no-repeat; } @media (prefers-color-scheme: dark) { body { background-color: #2d2d2d; } } </style> </head> <body> <div id="app" /> <script src="background-common-bundle.js"></script> <script src="vendor-bundle.js"></script> <script src="settings-bundle.js"></script> <script src="urlbar-bundle.js"></script> <script src="components-bundle.js"></script> <script src="bundle.js"></script> <script src="advancedPanels.js"></script> </body> </html>
-
@Folgore101 Ahah! That fixed it!
-
I added the css and js files to the browser file and created a webpanel with url "vivaldi://sessions/". I get the sessions view but on top of it is an error page from Vivaldi:
-
@raystanz To me that looks like the JS loaded fine, but there was a problem with the CSS.
-
This site can’t be reached The webpage at chrome://sessions/ might be temporarily down or it may have moved permanently to a new web address. ERR_INVALID_URL
It is showing this error in the latest Snapshot.
-
The "this site can't be reached" error is normal - the page "vivaldi://sessions" doesn't exist.
I just use that URL as a placeholder because panels need to have a URL.
If you can see that error, it means the CSS isn't loading and hiding it properly.
Make sure that you're re-installing the CSS and JS mods after updating to a newer snapshot.
It seems to be working for me. If you can give a screenshot of the dev tools, it may reveal any errors.
-
@LonM It's showing this error -
Not allowed to load local resource: chrome://sessions/
-
Fixed it. I forgot to add that js file.
another question since we are already here -
How to change the icon on that panel?
edit-
nvm. Re-adding panel bought icon back.
Thanks for this wonderful mod. Cheers -
@EvilSpark Good to know it's fixed!
-
Can somebody test something for me to see if they can reproduce the same issue?
I like to use uncommon characters in my session names. I use various math symbols to create decorative bars on either side of the actual name, which centers the name in the panel and gets it away from the metadata text. I discovered a couple weeks ago that starting the panel name with these characters means that the session saves as an empty session. There are also a few characters that cause the session to fail silently without saving anything, I forget exactly which since I've avoided using them.
So to resolve the blank sessions issue I found that using a space for the first character worked as expected, it saved all the windows and tabs I wanted. When I go to open the session however, nothing happens. Neither open button does anything. I can successfully open the session using the native session manager, just not the panel.
Does anyone else notice that they cannot open a session that has a space as the first character? I wonder if the panel is truncating the string and trying to open a session without the a space at the beginning. I'll test that when I'm back at my desk.
Thanks,
BoneTone -
@BoneTone The panel should just take the name as-is. If it has a problem character, it will fail to save the session. Any character that works with your filesystem should work as a session name.
I can see the problem with spaces at the start/ end of the name. I'll see if I can fix that.
See Original Post for updated version with a fix for this
Explanation: I was getting the name of the session using
.innerText
of an HTML element, but this automatically removes excess spaces. I have updated it to use.getAttribute()
instead. -
@LonM Thanks LonM. I appreciate the fast turnaround on this, I should have reported when I noticed the empty sessions. That BTW is not an issue with the panel. I got the same thing when saving the session with the native methods. I just happened to have a session with the tabs saved that was using my special characters. I noticed the space and tested it. Though I admit it's rather strange and I'll file a bug in Vivaldi tomorrow when I'm at my desk.
Stay healthy,
Bonetone
Edit: removed an extraneous word that got inserted by my autocorrect
-
@LonM Ah OK I should've seen that since the style for the button didn't apply. Thank you.
-
@LonM said in Advanced Panels Mod (with Sessions Panel):
I was getting the name of the session using .innerText of an HTML element, but this automatically removes excess spaces. I have updated it to use .getAttribute() instead.
Does this need to be changed on line 194 as well? In order to fix the issue that sessions with a space as the first character cannot be deleted and will not open in either the current window or a new window?
-
@BoneTone No, line 194 is unrelated. on that line it is just setting text in a message box.
-
-
note to myself, because evry time i update vivaldi i forget what to do..
- copy \Application\VERSION\resources\vivaldi - browser.html+advancedPanels.js
from old version directory to the new one! - copy advancedPanels.css to CSS folder
- copy \Application\VERSION\resources\vivaldi - browser.html+advancedPanels.js
-
@schreck That’s a bad note, because at some point your Vivaldi will fail because
browser.html
is outdated. Do yourself a favor and use one of the pinned scripts which patch Vivaldi automatically.