Advanced Panels Mod (with Sessions Panel)
-
this is really cool and well made, seemed to work perfectly fine, however i also added another webpanel for vivaldi://extensions how can i use the same menu icon used here for that panel as it just has the globe icon on it. literally just trying to figure out how to change just this icon.
-
@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