With the new chained commands feature introduced in snapshot today, it’s possible to open DevTools for the UI with a simple keyboard shortcut. This is probably the most straightforward way right now.
Recipe
Name: Inspect UI
Open Link in New Tab
Parameter: vivaldi://experiments/
Delay
Paramenter: 50
Developer Tools
Close Tab
After creating the command chain in vivaldi://settings/qc/, the new chain should be available in keyboard and mouse settings and from quick commands directly.
@sparrows I think a Mod might have created a new thread for it... https://forum.vivaldi.net/topic/65666/accordion-tabs-modification
Ah, yes, there seems to be no picture there.
Linux
My batch script has been deleted, so I want to share it here again. It’s minimal with no fail‐safes, so make sure not to run it twice on the same version. It copies over the Javascript file and shows how to do the same for custom page actions, creates the required edit in browser.html and gives you write permissions. The second script backs up your custom file, in case you make edits you want to keep.
upviv
#!/bin/bash
snapshot=/opt/vivaldi-snapshot/resources/vivaldi
moddir=$HOME/path/to/dir
sudo cp $moddir/custom.js $snapshot
sudo cp $moddir/Page_Action.js $snapshot/user_files
sudo sed -i -e 's/<\/body>/ <script src="uimod.js"><\/script>\n <\/body>/' "$snapshot/browser.html"
sudo chgrp username $snapshot/custom.js
sudo chmod g+rw $snapshot/custom.js
echo "vivaldi patched"
bakviv
#!/bin/bash
cp /opt/vivaldi-snapshot/resources/vivaldi/custom.js $HOME/path/to/dir
echo "backup completed"
As mentioned by @jane-n, this topic is for all platforms now. Please include the operating system when sharing a batch script. E.g. in form of a header: # Windows.
@jonaburg Next time, pls post related code so that we can help u properly... cuz we can't read your mind, boy! LOL
when tabbar on left or right:
#browser:is(.tabs-left, .tabs-right) #header {min-height: 0;}
when tabbar is not at top position:
#browser:not(.tabs-top) #header {min-height: 0;}
I don't really know what u really wanted, so I provide all possible solution that I know of... hope that can help u.
Oh, u might also want to add :not(.native):not(.is-settingspage):not(.popup) after #browser to exclude native window, settings dialog, & popup window from having no header/titlebar. 😉
@dude99 said in Automate Floating Vertical Tabbar for Mouse & Keyboard:
Also, does the panel have this problem too when u drag & drop stuff inside the panel?
Also, try drag & drop item inside the statusbar while holding SHIFT key, see if it's also have similar problem...
Now that I have them installed again, they both seem to work correctly.
@nomadic said in VivaldiHooks - more useful mods!:
@stardepp That was just me experimenting with creating a hook. You can find it further up in the thread here.
Thank you for your help. Too bad that I did not come to search here in this thread.
vcube_small.gif Always good how good and professional hir one is helped in the Vivaldi Forum 👍🍀🔥👌
@sjudenim said in No More Pure White Internal Pages CSS mod:
@streptococcus
It's probably because of your OS theme. I believe modern browsers use that for internal pages.
I use the dark theme with my OS. Some applications do use that, but since I also set up a dark theme with Vivaldi, I do not know which is being used for which pages.
@schreck You might have to go with @shifte’s suggestion. I tried simulating mouse‐up and mouse‐down just now, which was the alternative solution some months ago, but it won’t trigger. I could have guessed, it stopped working on tabs too… It’s unfortunate, because it’s generally a simple mod.
@davikar default thumbnails width r 200px, & tab cycler max-width is 90vw; My CSS mod increase the thumbnail width to 250px would be 25% larger than original size, & with tab cycler max-width of 100vw would be the max of window/screen width. That's the most display width any screen/window can fit into... So don't be too greedy, ok? LOL
Now, the only way to have more & larger thumbnails fit into limited screen/window width would be turning the tab cycler into multi row, just like the speed dial. But then you might as well just use the multi-row tabbar mod with preview thumbnails enabled.
@pliex If it was just about the »apply accent color to window« setting, you could do it purely with CSS (.color-behind-tabs-on), what complicates this modification is that you want to check for specific themes too. Currently Vivaldi has no class in the body which uses the themename. I hope this will change at some point, but in the meantime you have to add an onchange listener to chrome storage and when a theme changes check for the new theme name. The »apply accent color to window« part I would handle with pure CSS still, no reason to write javascript for it.
@pesala
Huh, funny. I remember doing this on old browsers. Why didn't I think of this now. 😅
I'll try this for now until someone is able to write up a mod or if the team decides to make it a feature.
Thanks for this!
@dencion opacity only make an element transparent, if you want to hide it completely you will have to use other method.
references: https://www.sitepoint.com/hide-elements-in-css/
Sorry for necroing. I found that this works until you go into full-screen mode (double clicking on a video or by pressing F11). After that the button returns to its original position. A button still stays in the toolbar but nothing happens when you click on it. Restarting Vivaldi fixes it and launching a new window fixes it only for that new window.
