Advanced Panels Mod (with Sessions Panel)
-
@LonM Like @Narsis wrote above, the change to the css file does indeed work and the (sessions-)panel remains open.
Edit:
I just updated to the latest Vivaldi snapshot; in this version the modification from above still works but now the sessions panel does no longer close when focusing (clicking) outside of the panel, the only way to close it is now by pressing the button with the three horizontal lines. This is no big problem and I can perfectly live with it, just thought I add this here...Seems to be a general problem with panels in the latest snapshot as can be read on the team blog. -
I've updated the main post with the fix. Thanks all who helped test it
-
@LonM I just want to thank you for this awesome mod. It makes managing Session so easier!
-
@LonM Congratulations, good work.
It should become a part of Vivaldi's code. -
hi, thanks for this. i just installed it and my panel looks like this:
![alt text]( image url) -
@schreck It looks like you might be missing part of the CSS. You could double-check that it got installed properly along the with javscript.
-
actually the css path was not saved, thanks, now it looks alright.
is there a way to set a default behavior, when double clicking an entry, so eg the session always opens in a new window without having to click on the little icons every time?
and how do i change the created date & time shown to dd.mm.yy & 24 hours style?
-
@schreck said in Advanced Panels Mod (with Sessions Panel):
how do i change the created date & time shown to dd.mm.yy & 24 hours style?
vivaldi://settings/general/ set your language to English (UK)
-
btw, when choosing open in the same window and im in a private one,
it doesnt open in the same.. -
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