CSS fixes/improvements

[bernhard]

I think it might be helpful to have a thread dedicated to css fiexes/improvements?

Could the bd() dump at the bottom be single line only with a css text-overflow ellipsis? https://developer.mozilla.org/de/docs/Web/CSS/text-overflow

This is what I tried as a quickfix in devtools on the <a> tag:

element.style {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block !important;
    width: 90%;
    overflow: hidden;
}

[adrian]

Hi @bernhard - I think it's worth posting this to the Tracy core repo because from what I can tell, it's only an issue when you have a comment on the same line as the bd call. If the contents on the call itself are long, it is properly truncated.

PS - you might be better off posting a screenshot using Tracy in your PW standalone project where it's just Tracy core CSS because I have moved things around so much.

[bernhard]

thx @adrian this is strange, because I just tested and it seems to work in the console/bardump:

[adrian]

Weird, adding a long comment and calling from the Console still breaks things for me:

It is truncating somewhat - you can see the ... in the middle, but it's still overflowing. I don't have a pure Tracy instance running anywhere - maybe I should install your PW standalone and try it there. It might be hard to post this as Tracy core issue at the moment - I'll test more and see exactly why it's failing.

[bernhard]

Ah - maybe my devtools stylesheet is still active... I'll report back! Yeah, good idea for such testing scenarios ? 

[adrian]

I think this might finally be properly fixed, but please let me know if you still see issues.