Modding Vivaldi
-
You will love Stylus. Is superb.
-
@barbudo2005 said in Modding Vivaldi:
You will love Stylus. Is superb.
Off the top of your head do you know if it could change the line height of bookmark items in the Web Panel? I want them closer together so I can see more bookmarks at once before having to scroll. Wayyyyy back I could achieve that but then Vivaldi changed and the hack broke. Then Vivialdi Hooks enabled that mod but it too stopped working. That's one feature I really want.
-
I am trying with CSS but nothing works. It seems that it can only be achieved with Vivaldi Hooks.
Can you show an image of your Bookmarks panel?
-
@g_bartsch It isn't really possible with CSS because the bookmarks are positioned absolute with their locations being calculated in
bundle.js
and set as thetop
value.You could probably reflow them in another way by overriding the absolute positioning, but that will break things like drag and drop repositioning.
-
@barbudo2005 said in Modding Vivaldi:
Can you show an image of your Bookmarks panel?
I've reduced the blur to hopefully allow you to see lines have room to be closer together. I am using Arial 11.5px for the UI font.
-
@nomadic said in Modding Vivaldi:
It isn't really possible with CSS because the bookmarks are positioned absolute with their locations being calculated in bundle.js and set as the top value.
That's too bad; meaning we can't do it easily at all. The devs would have to build that feature.
-
@barbudo2005 said in Modding Vivaldi:
It seems that it can only be achieved with Vivaldi Hooks.
It worked with Vivaldi Hooks and was perfect but VH is gone now .
-
@g_bartsch I am intimately aware of Vivaldi Hooks since I tried to rewrite it Been meaning to take another go at it, but it is hard to get into the headspace of deciphering
bundle.js
, and the way I chose to do it used REGEX, so that is another hurdle because I need to relearn REGEX every time I use itIt might be possible to do it with a plain JS mod. I haven't tried before, but you could probably calculate new
top
values.No promises, but if I figure it out, it will be put in this thread: https://forum.vivaldi.net/topic/71726/vivaldihooks-revival-with-plain-js-work-in-progress
Wouldn't have a settings UI, but configuration variables in the JS file are much easier even though they are less user friendly.
-
@nomadic said in Modding Vivaldi:
No promises, but if I figure it out, it will be put in this thread: https://forum.vivaldi.net/topic/71726/vivaldihooks-revival-with-plain-js-work-in-progress
Thank you; I'll follow that post. I wish I could help with this but my programming was limited and a long time ago.
I'd be completely fine without a UI settings for it. I just wish the developers would build it in.
Could I add the line height request to that thread?
-
@nomadic said in Modding Vivaldi:
I am intimately aware of Vivaldi Hooks since I tried to rewrite it Been meaning to take another go at it, but it is hard to get into the headspace of deciphering bundle.js, and the way I chose to do it used REGEX, so that is another hurdle because I need to relearn REGEX every time I use it
That sounds like a real challenge. Are you a professional programmer? Do you know if Justdanpo was?
-
@g_bartsch Yeah, it got pretty annoying to work on. I kept running into limitations that made me want to scrap my previous work and start again with a different approach.
Are you a professional programmer?
I am not a professional programmer, but I did make the awful decision to add a computer science major alongside my mechanical engineering in college. Never an easy semester and scheduling in all the classes was always a struggle, but I did get some valuable experience in programming.
Other than an all-nighter to bodge in a bit of jQuery into a project, I didn't work with JavaScript until starting to mod Vivaldi.
Do you know if Justdanpo was?
@den_po
might have been a professional. They for sure had some experience with React. I don't really understand how the old Vivaldi Hooks worked, so they were definitely more experienced than me.Could I add the line height request to that thread?
That had already been identified as one of the more used hooks, so no need to add it.
Hopefully get the chance to work on it this weekend, but it might be a little bit. I really need to stop mentioning stuff like this when I am busy
-
@g_bartsch said in Modding Vivaldi:
@barbudo2005 said in Modding Vivaldi:
You will love Stylus. Is superb.
Off the top of your head do you know if it could change the line height of bookmark items in the Web Panel? I want them closer together so I can see more bookmarks at once before having to scroll. Wayyyyy back I could achieve that but then Vivaldi changed and the hack broke. Then Vivialdi Hooks enabled that mod but it too stopped working. That's one feature I really want.
I'd like to have oval circles instead of the square bookmarks in the bookmarks tab within the windows panel; anyone know how to achieve this ?
Also for me the opposite, a bit more space between tabs.
-
@Sparrows
Said:I'd like to have oval circles instead of the square bookmarks in the bookmarks tab within the windows panel
"Please explain more and a image.
Said:
Also for me the opposite, a bit more space between tabs.
It follows the same principle that bookmarks. Require Vivaldi Hooks.
-
@nomadic said in Modding Vivaldi:
I am not a professional programmer, but I did make the awful decision to add a computer science major alongside my mechanical engineering in college. Never an easy semester and scheduling in all the classes was always a struggle, but I did get some valuable experience in programming.
Wow, engineering is very heavy already and then you added computer science.
That had already been identified as one of the more used hooks, so no need to add it.
I'm glad others wanted it too. I've requested it directly through the bug reporting form (VB-85962) but I don't know if I've made it a feature request on the forum.
Hopefully get the chance to work on it this weekend, but it might be a little bit. I really need to stop mentioning stuff like this when I am busy
Yup I hear you! LOL. But I get the idea people like you fill your hours with projects so 'un-busy' time is a rarity.
-
This post is deleted! -
@Gregor This has nothing to do with modding Vivaldi.
-
@Christoph142 said in Modding Vivaldi:
Adding Functionality (JS)
Open browser.html, inside the body element add the following line:
<script src="custom.js"></script>
Again you can name the file as you want and also add multiple ones, one line at a time.Add the custom.js file to the Vivaldi folder (alongside browser.html)
Shouldn't it be changed now?
-
@Gregor Yes, needs to be rewritten. In the meantime load it through
window.html
. Be aware some mods might still not work. -
Hello, where is "vivaldi://experiments"?
I tried to find it in settings and files but there was nothing with "experiments" name. -
@Szeniel It is an internal URL, so you need to type it into the address field.