An accidentally-discovered side-benefit from using --debug-packed-apps:
https://forum.vivaldi.net/topic/73683/vivaldi-5-2-rc-1-vivaldi-desktop-browser-snapshot-2623-16-18/33
Linux
I’ve been looking for a solution to save all CSS and JS files together in one directory and load only the JS files into the application (CSS files already loaded by Vivaldi). This copies all JS files into a dedicated directory and then links them to browser.html.
#!/bin/bash
snapshot=/opt/vivaldi-snapshot/resources/vivaldi
moddir=$HOME/path/to/directory
sudo mkdir -p $snapshot/load
sudo chgrp USERNAME $snapshot/load
sudo chmod g+rw $snapshot/load
for FILE in $moddir/*.js
do
cp $FILE $snapshot/load
sudo sed -i -e "s,</body>, <script src=\"load/$(basename $FILE)\"></script>\n </body>," "$snapshot/browser.html"
done
echo "vivaldi patched"
@nomadic said in Tabs Below Address Bar and Bookmark Bar:
#browser.tabs-top.address-top.horizontal-menu .UrlBar {
top: 24px !important;
left: 0;
right: 0;
}
Just scan through the code once & I noticed .UrlBar? I though it's obsolete?
Just tried this out recently and looks pretty good. There are a few glitches but it's quite nice. Since our Vivaldi settings can be different for most of us (ex. the tab bar location and the side bar location), you may have a slightly different experience - some glitches are a bigger problem with some settings.
The best part, by far, is the address bar. The minimalism there is perfect.
The tabs are nice, but not perfect. The outlines could stand out a bit more and on horizontal scrolling tabs, there is a bunch of space after the last tab.
The sidebar is interesting. I really like the larger icons, which makes them easier to see and looks cleaner, but sadly it means I need to scroll to get to my web panels. Also, for some reason I can't open any web panels until I click some of the buttons above them. This part could use the most work in my opinion, the most annoying glitches are here. (at least for me - I have the sidebar on the right)
Finally, the toolbar at the bottom has a nice gradient border. Again, the border could be thicker for a bolder look.
Overall, this is a very nice mod. Some parts of it could use work, but I can confidently say that this could be the inspiration for future design changes in Vivaldi. (On second thought, maybe not, as Opera has already done this)
@Streptococcus Thanks, I figured it would be that, but I looked it up online to double check (since it has been several years since I last used a Mac) and was lead astray.
@barbudo2005
Very strange to work with you.
I just did a clean install of windows 10 64Bits on a VMware, and installed the latest version of Vivaldi and put your CSS
and unfortunately it doesn't work.
How to make Vivaldi developers create this functionality as native ? do you have any email from them ?
@nomadic
Amazing.
While I was trying a driver problem my system crashed. So I restored from a system image as it didn't boot. After this issue with the lens was solved without changing the files of zoom or other css files :
1.jpg
Sorry for dealing with the matter. I did not understand how it was caused or how it was solved.
Thanks so much for the time and I hope you found some files that I uploaded useful to you.🙂 👍
Most of all, I find it distracting to have a large box covering up all of my writing if I choose to go full screen, especially if it doesn't need to be there and covers up more content than necessary. As a software engineer and programmer, I've been able to turn off the border for most programs in Windows. I figured out how to do it for Microsoft Word 2010 so figured I should share it here too since many also have this problem.
@JonasAB Alright, but it is really easy once you get the hang of it.
Here is a screen recording showing how to resize the path. The turning it red and lowering it to the bottom layer are unnecessary, but they help show the comparison to the original:
https://ttm.sh/wC_.mp4
You also might not want to just align the icon to the center if it is somewhat lopsided. As you can see, the original path isn't perfectly centered. You can adjust its position manually until it looks balanced, but it is more of an art than a science (although I am sure there is some equation for doing it precisely).
Icons
.toolbar-command button[title="YouTube Mode"] svg path {
d: path(
"M20.08 9.35c-.14-.77-.8-1.33-1.56-1.5a30.97 30.97 0 0 0-5.57-.42c-2.3 0-4.46.18-5.6.42-.77.17-1.43.7-1.57 1.5a22.83 22.83 0 0 0 .03 7.3c.14.77.8 1.33 1.57 1.5 1.22.24 3.3.42 5.6.42s4.39-.18 5.6-.42c.77-.17 1.43-.7 1.57-1.5.14-.87.31-2.12.35-3.65a24.36 24.36 0 0 0-.42-3.65Zm-9.01 6.09v-4.88L15.3 13Z"
);
}
.toolbar-command button[title="Discordo!"] svg path {
d: path(
"M18.2 8.27a12.4 12.4 0 0 0-3.09-.95 8.5 8.5 0 0 0-.4.8 11.52 11.52 0 0 0-3.43 0 8.54 8.54 0 0 0-.4-.8 12.5 12.5 0 0 0-3.1.95 12.5 12.5 0 0 0-2.22 8.5 12.47 12.47 0 0 0 3.8 1.91 9.17 9.17 0 0 0 .81-1.3 8.07 8.07 0 0 1-1.28-.62l.32-.23a8.92 8.92 0 0 0 7.58 0l.32.23a8.1 8.1 0 0 1-1.28.61 9.08 9.08 0 0 0 .8 1.31 12.42 12.42 0 0 0 3.8-1.9 12.5 12.5 0 0 0-2.22-8.51zm-7.7 6.8c-.73 0-1.34-.68-1.34-1.5 0-.83.59-1.5 1.35-1.5.75 0 1.36.67 1.35 1.5-.02.82-.6 1.5-1.35 1.5zm5 0c-.75 0-1.36-.68-1.36-1.5 0-.83.6-1.5 1.35-1.5.76 0 1.36.67 1.35 1.5-.01.82-.6 1.5-1.35 1.5z"
);
}
Hi, i update the code to revert back to normal when open the built-in mail tab
note that you need to enable :has() selector by enable experimental web platform flag in vivaldi://flags
@thx1200 pls go to & enabled vivaldi://flags/#enable-experimental-web-platform-features & then restart browser to allow Vivaldi access :has() function. Sorry I didn't realized :has() is still an experimental feature.