Automate Status Bar with CSS mod
-
@luetage does it? I have now colored line on the bottom (shouldn't be there) and all controls from the bar moved to the left (which is for some reason less comfy / intuitive than it was on the right). Also, the whole bar now shows up (previously it was only the right part with controls)
-
@sirien-neiris Hi there. Are you happen to use other CSS mod, which might affecting statusbar? I have checked my latest posted code, it still work properly in Windows latest stable version. I don't do snapshot because it's too much work & I only can do windows platform cuz I don't use Mac & Linux.
Maybe u can try copy & paste the code from 1st post to your custom.css again? Hope this help.
EDIT: You can learn CSS yourself just like me by Google CSS beginner tutorial, then pick some free courses to follow. Or you can do what every newbie did & start from here: https://www.w3schools.com/css/.Normally it will take about 2 weeks to learn most of the basic (if you put in a few hours learning & practicing everyday). Then you will be able to start coding & modding various website or any CSS related software such as Vivaldi GUI & Stylus extension.
I think now is a good time to learn CSS if you are also affected by Wuhanvirus lockdown. You probably can become a pro by the end of this crisis... LOL
Stay home, Stay safe.
-
@dude99 hm. I officially declare myself to be a moron, sorry for bothering you, I of course should have tested my own mistakes first.
(I've just successfully tested what happens when you take the new "link" line and instead of inserting it AFTER the first link line in "browser" you insert it BEFORE the it. Obviously, it doesn't work as it is supposed to.)
2 weeks doesn't look that bad... I'm now learning some other stuff in InDesign, but may be I'll manage to master that soon enough to look at this as well - the ability to mod a little the UI in browser and websites seems it might come handy.
-
@sirien-neiris Hi, do you know now Vivaldi do support CSS mod via experiment feature?
-
Go to vivaldi://experiments/
-
Checked Allow for using of CSS modifications, then restart browser.
-
Go to Settings > Appearance > Custom UI modifications, create a folder to store the custom.css (outside of Vivaldi installed folder)
-
restart & now Vivaldi will apply all custom.css stored inside that folder, no need to reapply the mod by editing browser.html after every upgrade.
-
-
@dude99 I obviously do not
...and it seems to work great, thanks a lot again mate
I might miss those moments of my "coding heroism" after every Vivaldi update, though
-
Updated 1st post code & for alternative version with Clock button, go here: https://forum.vivaldi.net/post/380804
-
Excellent work! 99999 out of 10!
-
Updated code for v3.4, plus add customizable trigger zone!
-
updated for v3.5. No improvement, just optimized for other related mod:
https://forum.vivaldi.net/post/434047
https://forum.vivaldi.net/post/434133EDIT: condensed last 2 lines, clean up ancient unnecessary codes.
EDIT 2: excluded statusinfo CSS mod from fullscreen. -
Here is my updated mod. It has a delay to allow for shift+dragging buttons into the status bar:
#browser > .toolbar-statusbar {position:fixed;bottom:0;right:0;height: 25px;margin-right: 50px;width: fit-content;border-radius: var(--radius) 0 0 0;border:none;box-shadow: 0 0 0 1px var(--colorBorder), 0 2px 6px rgba(0, 0, 0, 0.25);transition: bottom .13s 2s !important;} #browser > .toolbar-statusbar:not(:focus-within):not(:hover) {bottom:-23px; transition: bottom .25s ease-out 5s !important;} /* .toolbar-statusbar::before {content:''; position:fixed; z-index:-1; bottom:0; height: 12px; width: 330px;} */ /* trigger zone */ #browser > .toolbar-statusbar .button-toolbar {align-self: auto;} #browser:not(.fullscreen) .StatusInfo {position:fixed; left:2px; bottom:2px; height: 20px; padding: 2.5px 3px 0; background: var(--colorBgDark); border-radius: var(--radiusHalf); pointer-events: none;}
-
@dude99 Are any of your mods in a git repository?
-
@code3 No. But you can find most of my CSS mod from the link in my signature.
-
@dude99 Is it broken in latest snapshot?
-
Also broken for me on snapshot 3.9.2289.3
-
-
@linuxb Thanks buddy, will test that if the changes survive on next stable.
Snapshot users, pls use @LinuxB code until I can fix 'em myself. This mod community is getting more proficient as Vivaldi growth accelerating day by day!
-
Broken on latest stable Vivaldi release 4.0.2312.24. LinuxB modification doesn't work either.
-
Yup, 4.x doesn't work. (It would be nice to finally integrate this mod into Vivaldi itself...)
-
updated for v4.0:
-
forced
fixed
position to fix broken problem -
restore background color with
var(--colorBgAlphaBlur)
instead ofvar(--colorBgDark)
-
optimized last line a bit.
-
-
Absolutely perfect! Thank you very much! Literally can't use Vivaldi without your mod!