VivaldiHooks - more useful mods!

luetage

@Rayzon You can change it with css. I don't have Vivaldi Hooks installed, so I can't try it out, but changing the bookmarks folder in the panel is easy.
.vivaldi-tree .tree-row svg {fill: red; stroke: blue}

Then there is a difference between focus and no-focus:
.vivaldi-tree .tree-row[data-selected]:not([data-nofocus]) svg {...}
etc.

You will have to determine the id or class of the bookmarks dropdown menu in hooks to implement this, shouldn't be hard.

Rayzon

Thanks @luetage

The change I have already made.
I'm more about the bookmarks dropdown menu.
Have already changed the folder icons in resoureces. Not effect...

0_1502209131555_screen lesezeichen.PNG

xfather

Please, help me to understand, how change value in searchbar from extension, for example, this code works in console
document.getElementsByClassName("vivaldi-searchfield")[0].value="";
but don't work in extension js. Thanks

luetage

@xfather Try document.querySelector. Selecting elements by classname likely gives you an array, instead of the searchfield you want to mess with.

xfather

@luetage Same problem, main console returns searchbar in response
to query
document.querySelector('.vivaldi-searchfield')
but when I try the same in extension console returns null

luetage

@xfather No idea what you are trying to do. Hard to give advice.

xfather

@luetage I want clear vivaldi search field by clicking my extension button

luetage

I don't think a chrome extension can do this? Are you talking about a chrome extension? We are in the Vivaldi Hooks thread in modifications, you can try to run javascript as a hook instead.

xfather

@luetage I think the same, perhaps extensions can't interact with browser elements. I want to add to this button
https://chrome.google.com/webstore/detail/close-clean/hjjlnpghgkgmnpjimgbblhggmbjlbmld
few new functions: now it closes all tabs on clicking on it, I want also to clear current searchbar and set default search engine. In Firefox it was easy to do, buy here maybe it's harder. (This extension closes tabs via Chrome standard API function chrome.tabs.close(...), I try to find some function to work with SE, but don't find.)

luetage

@xfather It all depends on the existing chrome apis.
Setting a default search engine isn't possible:
https://stackoverflow.com/questions/17833853/is-it-possible-to-change-the-default-search-engine-with-a-google-chrome-extensio
The problem with the search bar is that chrome doesn't even have a searchbar, therefore there is no api to mess with it I would guess.

luetage

@razr96 I don't quite get it. What's the point? Styling the chrome web store?

sjudenim

@razr96

Thanks for sharing.

I'm curious (and being lazy) as to what exactly the combine toolbar hook does because if it's what I think, you can actually achieve this in pure css with less code.

vias

My Vivaldi is Standalone.
And it's my default browser.
The path is:
"D:\Program Files\Vivaldi\Application\vivaldi.exe"

But running installhooks.bat says "Can't find Vivaldi installation path".
Though the command line works fine.

sjudenim

@razr96

hmm, this is what I was expecting (pure css)

but this is what I got

works better with just the V button (save for the margins of the button itself) but the window control buttons are still nestled on a smaller toolbar.

sjudenim

Great.

Another way is to use padding instead of positioning and sizing. This way the addressbar's border-bottom will span the entirety of the window, alleviating the need to draw extra ones for the menu, window group buttons and tab container.

.horizontal-menu#browser:not(.tabs-top) .toolbar.toolbar-addressbar {
    padding: 5px 150px 5px 269px !important;
}

#browser:not(.tabs-top) .toolbar.toolbar-addressbar {
    padding: 5px 150px 5px 35px !important;
}

You could also set a height for the addressbar instead of using the top and bottom padding like in my example. This might be helpful if you use the forward and back buttons.

I noticed a redundant left position for the vivaldi button in your code.

Other than that, thanks for sharing.

luetage

@Gauner Have you updated your version of VivaldiHooks lately? This is the first thing to check. Secondly, there are commits from other contributors up on the github, with fixes for 1.10/1.11. Maybe try the version here https://github.com/justdanpo/VivaldiHooks/tree/ea02bb412806d49cba976572a8271cd6a9127650 and see if it helps.

iAN CooG

Vivaldihooks stopped working since a month (1.11) and on github there are no more updates after 13 july, den_po fixed it for some 1.11 snapshot and then something broke again in newer snapshots and stable.

luetage

Then the fix for 1.11 won't work. I looked at the code, but the javascript parts all rely on React and I don't see through. @den_po is clearly on another level. VivaldiHooks is an impressive collection of mods, the sole but painful downside being that you are dependent on another person to do all the work/make it all function. For that reason alone I stopped running Hooks a long time ago.

CantankRus

@luetage
Agreed, I just decided to be patient and wait for Vivaldi to develop.
Only make a couple of css changes to not show the secure site info in the addressbar and not
show the Vivaldi button.
From this...

To this...