Modding Vivaldi

g_bartsch

the other thread

I'm going to try modding again after a long break; does the thread mentioned have different information than this one? Where is it? Thank you.

barbudo2005

@g_bartsch
Said:

I'm going to try modding again after a long break

Happy Modding.

paul1149

@g_bartsch The thread URL was referenced a couple of posts above mine. It was about one certain mod, I believe it was about backing up search engines.

g_bartsch

@paul1149 Thank you

g_bartsch

@sjudenim said in Modding Vivaldi:

You can also use a wildcard to reduce the code. For example, this is what I use to adjust the font across all elements of the UI

This is perfect! Thank you!!

barbudo2005

@g_bartsch

Speaking about fonts across all elements of the UI, this the code for font across all webpages: (Using the extension Stylus)

*:not([class*="ico"], [class*="icon"], [class*="icons"], [class*="fa"], [class*="control"],[class*="button"],[class*=button] *,  [role*="button"],[type*=button],  [id*="button"],[class*="btn"],[class*=mjx],[class*=vjs],[class*=bb], [class*=ll], button, i, span, a, img, svg),
[class*="text"]:not([class*=fa])


{font-family: Lato  !important;
text-align: justify !important;
line-height: 1.6667 !important;
font-style: normal !important;
font-weight: 400 !important; }

g_bartsch

@barbudo2005 said in Modding Vivaldi:

this the code for font across all webpages: (Using the extension Stylus)

Thank you; I'll learn about Stylus and maybe try the webpage code.

barbudo2005

@g_bartsch

You will love Stylus. Is superb.

g_bartsch

@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.

barbudo2005

@g_bartsch

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?

nomadic

@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 the top value.

Image showing the positioning used for the bookmark items.

You could probably reflow them in another way by overriding the absolute positioning, but that will break things like drag and drop repositioning.

g_bartsch

@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.

g_bartsch

@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.

g_bartsch

@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 .

nomadic

@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 it

It 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.

g_bartsch

@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?

g_bartsch

@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?

nomadic

@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

Sparrows

@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.

barbudo2005

@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.