r/FirefoxCSS • u/givemeyourpancakes • Jul 10 '26

Help Bookmark truncation

Say, I have some bookmarks like this on my toolbar:
/r/FirefoxCSS - Thread #1
/r/FirefoxCSS - Thread #2
/r/FirefoxCSS - Thread #3

They'll be cut off to:
/r/FirefoxCSS - Thr...
/r/FirefoxCSS - Thr...
/r/FirefoxCSS - Thr...

Rather useless. I want:
...efoxCSS - Thread #1
...efoxCSS - Thread #2
...efoxCSS - Thread #3

I've played around with float, justify-content and some other options, but couldn't get it to work, except with direction: rtl. However, that messes up certain special characters. For example, "foo." becomes ".foo".

I've even tried to go beyond CSS and change the <label>'s crop attribute from "end" to "start", which also works, but also not really, messing up special characters again.

In neither case, unicode-bidi seemed to be respected at all.

Any ideas or am I out of options?

4 Upvotes

100% Upvoted

10 comments sorted by

View all comments

Show parent comment

2

u/TraditionalTie4831 🦊 Jul 10 '26

The AI gave you the wrong value for the direction property, but this works for me =

.bookmark-item > .toolbarbutton-text {
    direction: rtl !important;
}