Mask for the address bar
-
@AltCode said in Mask for the address bar:
This is amanzing, though I wish I could combine theme 1 and 3.
Do you mean that you want the full address like in
theme 1
but centred as intheme 3
?.theme-1.addressfield-mask { justify-content: center; }
-
@barbudo2005 said in Mask for the address bar:
How I could bold "strong":
1.- the domain "vivaldi.net"
2.- all between // and .netYou didn't specify for which theme so I'll demonstrate on the first one
.theme-1.addressfield-mask .protocol-sub, .theme-1.addressfield-mask .protocol, .theme-1.addressfield-mask .protocol:after, .theme-1.addressfield-mask .host .host-sub, .theme-1.addressfield-mask .post, .theme-1.addressfield-mask .path-full { color: var(--colorFg); opacity: .7; font-weight: initial } .theme-1.addressfield-mask .host { color: var(--colorFg); font-weight: bold }
You can replace
bold
withbolder
or fine tune it more with500
600
700
,etc. -
The highlighting of when you've entered a search term is nice. It is possible to achieve something similar for chrome-extension URLs. E.g. from this:
To This
Using the chrome extension management API
-
@sjudenim said in Mask for the address bar:
Theme-3
is inconsistent though, the url left justifies when the field is selected.I haven't tested it in this mod, but I've been using this
.addressfield form input.url {text-align: center}
You may be right, the field should be centered in theme-3 when selected
@AltCode said in Mask for the address bar:
In fact, hovering over the url anytime disables any of the themes completely. I think that should only happen once you click on the url.
This is because I have not found a better way without depending on javascript. But when I looked at @LonM's solution to focus on the new tab, I thought I found a solution
- Theme 3 moves the url from left to the center as the page loads (could be due to these elements, but I'm not sure).
That's exactly what caused the error.
- Text and font in theme 1 is altered when I hover over the url, everything moves slightly down (see here).
I don't see this in my vivaldi, probably because of different operating systems. I am using windows
- Theme 3 ignores show full address bar setting (I'm assuming this might be intentional).
Are you talking about http, https?
@LonM said in Mask for the address bar:
The highlighting of when you've entered a search term is nice. It is possible to achieve something similar for chrome-extension URLs. E.g. from this:
To This
Using the chrome extension management API
A good idea, I'll try it
-
@tam710562 said in Mask for the address bar:
- Text and font in theme 1 is altered when I hover over the url, everything moves slightly down (see here).
I don't see this in my vivaldi, probably because of different operating systems. I am using windows
I am using macOS. Luckily I was able to find a partial solution. For it to display to not move up and down on macOS, the line:
line-height: 22px;
Needs to be changed to:
line-height: 20px;
I am not sure what needs to be changed to prevent the shrinking of the url width every time I hover over the address bar.
- Theme 3 ignores show full address bar setting (I'm assuming this might be intentional).
Are you talking about http, https?
I'm talking about this setting
It does more than just display http and https. In some websites, such as youtube, it displays everything else after the domain that is normally hidden away.
@sjudenim said in Mask for the address bar:
Do you mean that you want the full address like in
theme 1
but centred as intheme 3
?No, I meant the colored parts in the address. These are absent from theme 3, but what you offered here is great too.
-
I decided to hide the protocol for times when it's not needed:
.protocol[data-protocol=https], .protocol[data-protocol=vivaldi], .protocol[data-protocol=chrome-extension], .protocol[data-protocol=file] { display: none; }
The only protocol that will show is
http
as that's one I want to be warned about. -
This post is deleted! -
Thank you very much for so great Mod ! !
Unfortunately, it doesn't work anymore
Any solution? Some help?
Thanks to all who can collaborate with the solution
-
Updated a version to fix the error for Vivaldi Snapshot 2.7.1628.12
-
Thanks
I'll test it
-
Perfect
It's working
I love this mod
Thanks again ! !
-
This was one of the few things that i was missing since moving to Vivaldi just recently.
Nice work!
-
Oops, copied the wrong one. The Update code wasn't working but the top most post is working
-
@sjudenim that's the code for 2.7.1609.4 but when vivaldi updated to 2.7.1628.12, the mod is broken again so I updated the main topic. I will delete the update to avoid confusion
-
Again
My favorite mod fail
Help me please ! !
P.D.: Vivaldi 2.8.1650.3
. . . And Thanks girls/guys
-
Updated main post to the fix for 2.8.1650.3
@MasterVivaldin Does it work with you? -
Oooooooooh yeeeeeaaaaahh ! !
ยก ยก PERFECT ! !
Once more time it's working
Thank you very much bro Excellent work
-
@tam710562 said in Mask for the address bar:
Updated main post to the fix for 2.8.1650.3
@MasterVivaldin Does it work with you?Yes friend. It's wonderfull this mod
Thank you so much
-
Good afternoon. For some reason, nothing works for me. I installed the script, installed Css, but it didnโt work. None of the topics work. What to do with the render class diagram? Help me to understand ( 2.9.1719.3 ).
-
I tried installing on a clean shell. And it works. The problem was with a different script. :smiling_face_with_open_mouth_cold_sweat: