How? .StatusInfo Multiline URL display in statusbar
-
I use display of URL hovered links in statusbar, but sometimes the URL is longer and gets cut with a ellipses at end.
Do you have CSS to get multiline statusbar so i can see more?
i think it is class .StatusInfo -
@DoctorG Kind of. But results may not be very pleasant. Try this:
.StatusInfo-Content .UrlFragments { text-overflow: clip; align-items: start; white-space: pre-line; line-height: 9px; height: 18px; font-size: smaller; letter-spacing: .3px; }
A marquee effect for longer links would be better, but unsure can be done with CSS alone.
(according to your UI scale,smaller
could be...too small) -
How would you set up a marquee to deal with too-long links?
-
@DoctorG The Status Info Overlay can use the entire width of the window, but very long URLs will still run out of space.
-
Since we have no Link panel, i can not always recognize complete URL of link.
-
A Link panel is too much and needs more steps to get information than i like.
Simple and fast, that should be the goal.Statusbar is too small, especially if i display Vivaldi version
A multi-lined tooltip for long URLs is needed by me.
The statusbar is not wide enough for some URLs and for some web work i need to control the end of URLs of links hovered links. -
@DoctorG Try this:
.toolbar .StatusInfo { background: var(--colorBg); border-radius: var(--radius); position: absolute; max-width: 99%; bottom: 30px; left: 5px; padding: 5px 0; } .StatusInfo-Content .UrlFragments { overflow-wrap: anywhere; text-wrap: wrap; overflow: visible; }
Tested here: http://www.reallylong.link/reallylonglink/22036/
Really really really long link -
@Pathduck Ha! You save my poor webworker's soul.
Thanks a lot, dear forum colleague.That CSS mod is nice and it works.
After adding a variable space to status bar all is like before but with good sized tooltip. -
@DoctorG The Duck delivers
-
Some nice changes by me, for those who are interested
//EDIT 2024-03-28:.toolbar .StatusInfo { background: var(--colorBgFaded); /* --colorBgFaded is darker, better contrast. */ border-radius: var(--radius); position: absolute; max-width: 99%; bottom: 30px; left: 34px; /* tooltip should not cover panel bar */ padding: 5px 0; pointer-events: none; /* do not catch events */ }
-
@Pathduck The dragon is so thankful. or that is thy question.
-
@DoctorG Thanks - I've already had some of that
-
-
-
Unfortunately when i use mod for longer URL tooltip and want to view page source with Ctrl+U, the horizontal scrollhandle fails to be dragged by mouse.
Weird. -
-
-
@DoctorG, since I use this extensions, I see very rare too long URLs. Most of these are so long because of unneeded tracking strings. This extensions cut these strings, leaving only the necessary URL Most people use trackerblocker, because of this, websites use this crap for tracking.
Clearurls
URL Tracking StripperSomewhat disattended, but still works. I will search alternatives.
Testing this one
-
OK, i fixed it by change for .toolbar .StatusInfo the bottom position:
bottom: 45px; /* add something if Scrollbar is visible */
-
-
I use bottom: 35px so that the status info does not cover the selectors in dev tools:
-
The CSS has a nasty issue: if covering a link/button i often can not hover/click on this after the tooltip was hidden.
I already asked internally.//EDIT: Adding to class .StatusInfo will help:
pointer-events: none; /* do not catch events */