Mask for the address bar

Ararararagi

It seems that the recent stable update (3.4.2066.88) broke the mod a bit (maybe related to VB-70637?). Mask doesn't apply unless I switch back and forth between two tabs with opened websites.

tam710562

@Ararararagi Not sure what happened, I am using snapshot 3.5.2088.7 and everything still works
Are you using the latest version of the mod on the last update 18/09?

Ararararagi

@tam710562 Sorry, my bad. I wasn't using the latest version. Updated now, and everything works fine. Thank you for pointing that out.

fssmoura

~~when I hover the mouse, using theme 3, the text moves to the left, like this:~~

~~normal:
~~

~~hovering the mouse:~~

and then it goes back to normal again, i'd like the text to stay always in the middle
also when the page is loading, the text position in the middle varies a little, any solution?

I found a solution, nevermind, however, is it any possible to change the padlock color according the page safety? like safe is green, yellow not much, red is not safe?

dencion

@fssmoura When I use Theme 3, I get symptoms that the address is not correctly located as you said. Could you tell me how you solved it?

mariolm

Is this still working as of today? I really want theme 3 but the code isn't working for me. I'm using version 7.0.3495.11

tam710562

@mariolm said in Mask for the address bar:

Is this still working as of today? I really want theme 3 but the code isn't working for me. I'm using version 7.0.3495.11

Mod is no longer updated.
If you want theme 3 then you don't need this mod with latest vivaldi version.
You only need css. This is the css I just wrote

.UrlFragment-Wrapper--ShouldHighlight {
    width: 100%;
    text-align: center;
}

.UrlFragment-Wrapper > .UrlFragment--Lowlight,
.UrlFragment-Wrapper > .UrlFragment-LinkWrapper > .UrlFragment--Lowlight {
    display: none;
}

mariolm

@tam710562 Thank you so much!!

llyon

@tam710562 said in Mask for the address bar:

@mariolm said in Mask for the address bar:

Is this still working as of today? I really want theme 3 but the code isn't working for me. I'm using version 7.0.3495.11

Mod is no longer updated.
If you want theme 3 then you don't need this mod with latest vivaldi version.
You only need css. This is the css I just wrote

I also liked theme 3, but I don't know what to do to insert this code into Vivaldi for it to work, where can I find instructions on how to do it?

tam710562

@llyon Steps to follow

Create a file with .css extension from the code above.
Open vivaldi://experiments.
Enable "Allow for using CSS modifications".
Open Appearance section in settings.
Under "Custom UI Modifications" choose the folder you want to use.
Place your CSS files inside this folder.
Restart Vivaldi to see them in effect.

Read more here in the Adding Style (CSS) section