Attack on the status bar
-
Notice for users of latest snapshot 1594.4: The variable
toolbarHeight
seems to have been removed from Vivaldi, therefore the status bar overlaps with the address bar if you run the mod. Simply write an absolute top margin instead. On macOS it's 34px, which I put in OP, but maybe it's different for Windows and Linux, can't test. -
@luetage
Hi, it seams one of the latest snapshots break your script again.
The drop down menu overlap the addressbar.
May you have a look at it if you find some time.Thank you for this script, mib
-
@mib2berlin lol
Read the post you just replied to, it's meant to solve the problem you're describing and the fix is in OP. Shouldn't it work for you we will have to find some kind of solution, because I can only test on macOS and there it works. -
@luetage
Hi, it was working fine with 22px on Linux for me but does not do anymore..toolbar-statusbar .button-popup.button-popup-above { bottom: unset; top: 22px;
Was this the value I have to change?
I set it to 50px but still complete overlap.I am a bit dump on scripting, mostly only copy past.
Thanks for taking the time, mib
-
@mib2berlin Copy paste the code in the first post of this topic please and tell me if it works. And no, it's not this code, that just influences the dropdown of the status bar buttons, it's the status container code that has changed.
-
@mib2berlin For me (Manjaro Linux) works fine. Have you tried copy-pasting the whole code?
-
@potmeklecbohdan, @luetage
Hurray, it works again.
No idea how I break my file but repaste the original code was the solution.Many thanks to you, mib
-
@mib2berlin
@luetage said in Attack on the status bar:Notice for users of latest snapshot 1594.4: The variable
toolbarHeight
seems to have been removed from Vivaldi, therefore the status bar overlaps with the address bar if you run the mod. Simply write an absolute top margin instead. On macOS it's 34px, which I put in OP, but maybe it's different for Windows and Linux, can't test.@mib2berlin You didn't paste the original code. As mentioned in my comment 10 days ago, I had the same issue as you and therefore wrote a fix and updated the code in the first post of this thread…
-
@luetage
Ah, now I understand, I over read your post because I am not aware it is only 10 days old.Mib
-
Updated original post with latest github version. In one of the recent Vivaldi releases the status bar dropdowns opened up on top and disappeared into the address bar. Also works fine on latest snapshot with clock alarm/countdown feature.
-
Thanks for keeping this mod updated. Unfortunately neither the previous nor the new version works correctly for me on the latest Vivaldi snapshot 2.12 on Windows 10. All sections (like page filters or the clock) are opened above the status bar if clicked on their icons making them almost unuseable. In your screenshot the clock opens below the status bar which would be fine, but I can't get this to work here.
-
@knoelli You're right, I seem to have pasted an older version yet again. Should be fixed now, thanks. Let me know if it works for you.
-
@luetage
Hi, had not time to test as not working with the version 3 days ago but now all work fine again.Thank you, mib
-
@luetage Thanks for the quick update, the new version now works perfectly fine here
-
@luetage First, Thank you for all your mods! they are all great and needed!
This works perfecly for me, and I would like to ask if it's possible to add this button to the vertical panel instead of the address bar?
Thanks in advance!
It's part of my quest allowing all the horizontal bars (title, address, status) to be in vertical form. https://forum.vivaldi.net/topic/44238/disassemble-address-bar-and-title-bar-into-panel/10
-
@ChimeraLove This would be rather extensive additions to the css part of the mod, since the status bar has to be forced into menu shape and then the windows need to extend sideways. Additionally, if full compatibility with the Vivaldi UI and moving things around is preferred, then two different css additions need to be toggled depending on the placement of the panelscontainer. This isn't strictly necessary of course.
I give you the changes to the javascript here to load the button in the panelscontainer, please try to play around with the css yourself.
function statusDropdown() { if (!document.getElementById('statusDropdown')) { statusStyle(); } const adr = document.querySelector('#switch'); const btn = document.createElement('div'); btn.id = 'statusButton'; btn.classList.add('panelbtn'); btn.setAttribute('title', 'Toggle status bar'); btn.innerHTML = '<button id="statusToggle" tabindex="-1"><svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"></path></button>'; adr.insertBefore(btn, document.querySelector('.preferences.panelbtn')); const cont = document.createElement('div'); cont.id = 'statusContainer'; cont.style.display = 'none'; adr.appendChild(cont); document.getElementById('statusToggle').addEventListener('click', statusToggle); };
-
@luetage Thank you very much! I will try the css :).
-
@luetage i made a custom.js file in the folder i set for my modifications in settings, pasted the js code and saved, closed vivaldi and opened it again and i see no change. i use vivaldi 3.0 stable. have adress bar enabled. tried toggling it. anything i'm doing wrong?
-
@SharpBlade This is the description of the experiment
Allow for using CSS modifications
…and of the setting
Directory for custom CSS UI modification files.
They must have a .css extension to be included.
No guarantees are made that these will work in new versions of Vivaldi.
This requires a restart to apply.Do you see the error? If not, read the adding functionality section in Modding Vivaldi
-
@SharpBlade As @potmeklecbohdan said, this here is a javascript mod, which you have to integrate directly in the application. It’s no big deal, but yeah, it would be better if it worked out like the css mods. Vivaldi devs fear that everyone will wreck their installs with js mods, but I don’t think that would happen. And even if it did, it’s a learning experience…